From f7e59a231afded67394e1a93a7f7bff40479fade Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Wed, 16 Sep 2020 10:37:57 -0400
Subject: [PATCH 01/29] table-light

---
 packages/react-core/package.json                       |  1 +
 .../src/components/SkipToContent/SkipToContent.tsx     | 10 ++++++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/react-core/package.json b/packages/react-core/package.json
index 73fdbb4e9db..9d94d4a2f5f 100644
--- a/packages/react-core/package.json
+++ b/packages/react-core/package.json
@@ -40,6 +40,7 @@
     "@patternfly/react-tokens": "^4.9.7",
     "focus-trap": "4.0.2",
     "react-dropzone": "9.0.0",
+    "react-router-hash-link": "^2.1.0",
     "tippy.js": "5.1.2",
     "tslib": "^1.11.1"
   },
diff --git a/packages/react-core/src/components/SkipToContent/SkipToContent.tsx b/packages/react-core/src/components/SkipToContent/SkipToContent.tsx
index fc65503ad54..374bf042982 100644
--- a/packages/react-core/src/components/SkipToContent/SkipToContent.tsx
+++ b/packages/react-core/src/components/SkipToContent/SkipToContent.tsx
@@ -6,7 +6,7 @@ import { PickOptional } from '../../helpers/typeUtils';
 
 export interface SkipToContentProps extends React.HTMLProps<HTMLAnchorElement> {
   /** The skip to content link. */
-  href: string;
+  href?: string;
   /** Content to display within the skip to content component, typically a string. */
   children?: React.ReactNode;
   /** Additional styles to apply to the skip to content component. */
@@ -31,7 +31,7 @@ export class SkipToContent extends React.Component<SkipToContentProps> {
   render() {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { children, className, href, show, type, ...rest } = this.props;
-    return (
+    const renderDefaultLink = (): React.ReactNode => (
       <a
         {...rest}
         className={css(buttonStyles.button, buttonStyles.modifiers.primary, styles.skipToContent, className)}
@@ -41,5 +41,11 @@ export class SkipToContent extends React.Component<SkipToContentProps> {
         {children}
       </a>
     );
+    const renderClonedChild = (child: React.ReactElement): React.ReactNode =>
+      React.cloneElement(child, {
+        className: css(buttonStyles.button, buttonStyles.modifiers.primary, styles.skipToContent, className),
+        ref: this.componentRef
+      });
+    return React.isValidElement(children) ? renderClonedChild(children as React.ReactElement) : renderDefaultLink();
   }
 }

From 8ddc4324014babfce2fbe1f621c39b6859fec8eb Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Wed, 16 Sep 2020 10:39:44 -0400
Subject: [PATCH 02/29] wip

---
 .../react-table/src/components/TableLight/TableLight.tsx   | 0
 yarn.lock                                                  | 7 +++++++
 2 files changed, 7 insertions(+)
 create mode 100644 packages/react-table/src/components/TableLight/TableLight.tsx

diff --git a/packages/react-table/src/components/TableLight/TableLight.tsx b/packages/react-table/src/components/TableLight/TableLight.tsx
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/yarn.lock b/yarn.lock
index 10df6aee8a6..1f6b6edebcb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -20540,6 +20540,13 @@ react-router-dom@^4.3.1:
     react-router "^4.3.1"
     warning "^4.0.1"
 
+react-router-hash-link@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/react-router-hash-link/-/react-router-hash-link-2.1.0.tgz#69cc93df0945480adff14e9e501aea5f356896a8"
+  integrity sha512-U/WizkZwV2IoxLScRJX5CHJWreXjv/kCmjT/LpfYiFdXGnrKgPd0KqcA4KfmQbkwO411OwDmUKKz+bOKoMkzKg==
+  dependencies:
+    prop-types "^15.6.0"
+
 react-router@^4.3.1:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/react-router/-/react-router-4.3.1.tgz#aada4aef14c809cb2e686b05cee4742234506c4e"

From df6d1a997a90e3261d0075631f2e0190710cd973 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Mon, 28 Sep 2020 10:35:24 -0400
Subject: [PATCH 03/29] wip

---
 packages/react-docs/os-config.js              | 101 ++
 packages/react-docs/package.json              |   5 +-
 .../components/LightTable/LightBodyCell.tsx   |  30 +
 .../components/LightTable/LightHeaderCell.tsx |  66 ++
 .../src/components/LightTable/LightTable.tsx  |  57 ++
 .../components/LightTable/LightTableBody.tsx  |  19 +
 .../LightTable/LightTableCaption.tsx          |  19 +
 .../components/LightTable/LightTableHead.tsx  |  19 +
 .../components/LightTable/LightTableRow.tsx   |  19 +
 .../src/components/LightTable/index.ts        |   7 +
 .../src/components/Table/examples/Table.md    | 652 +++++++-----
 .../src/components/TableLight/TableLight.tsx  |   0
 packages/react-table/src/components/index.ts  |   1 +
 yarn.lock                                     | 948 +++++++++++++++---
 14 files changed, 1561 insertions(+), 382 deletions(-)
 create mode 100644 packages/react-docs/os-config.js
 create mode 100644 packages/react-table/src/components/LightTable/LightBodyCell.tsx
 create mode 100644 packages/react-table/src/components/LightTable/LightHeaderCell.tsx
 create mode 100644 packages/react-table/src/components/LightTable/LightTable.tsx
 create mode 100644 packages/react-table/src/components/LightTable/LightTableBody.tsx
 create mode 100644 packages/react-table/src/components/LightTable/LightTableCaption.tsx
 create mode 100644 packages/react-table/src/components/LightTable/LightTableHead.tsx
 create mode 100644 packages/react-table/src/components/LightTable/LightTableRow.tsx
 create mode 100644 packages/react-table/src/components/LightTable/index.ts
 delete mode 100644 packages/react-table/src/components/TableLight/TableLight.tsx

diff --git a/packages/react-docs/os-config.js b/packages/react-docs/os-config.js
new file mode 100644
index 00000000000..0aa8198c05f
--- /dev/null
+++ b/packages/react-docs/os-config.js
@@ -0,0 +1,101 @@
+function delay(time) {
+  return new Promise(function (resolve) {
+    setTimeout(resolve, time);
+  });
+}
+
+async function loginOpenshift({ page, data }) {
+  const user = "kubeadmin";
+  const pass = "ucuUZ-corPs-IJJ5X-viMTB";
+  const url = data.prefix;
+  console.log(`nav to ${url}`);
+  await page.goto(`${url}`, { waitUntil: "load" });
+  if (page.url().indexOf("oauth-openshift") > -1) {
+    console.log("have to auth first");
+    await page.waitForSelector("#inputUsername");
+    await page.type("#inputUsername", user);
+    await page.type("#inputPassword", pass);
+    await page.click("button.pf-c-button");
+    await page.waitForNavigation();
+    await delay(1000);
+    console.log("finished auth");
+  }
+}
+
+async function waitForOs(page) {
+  // there should be no loading spinner
+  await page.waitForSelector(".co-m-loader", {
+    hidden: true,
+  });
+
+  // there should be no skeleton text
+  await page.waitForSelector("[class*='skeleton']", {
+    hidden: true,
+    timeout: 60000,
+  });
+
+  // content should have something in it
+  await page.waitForSelector("#content-scrollable > *");
+
+  // if that content has a loading spinner wait for it as well
+  await page.waitForSelector(".co-m-loader", {
+    hidden: true,
+  });
+}
+
+module.exports = {
+  prefix: "https://console-openshift-console.apps.ocp4.patternfly.org",
+  auth: loginOpenshift,
+  waitFor: waitForOs,
+  crawl: false,
+  urls: [
+    "/dashboards",
+    {
+      url: "/k8s/cluster/projects",
+      afterNav: async (page) => {
+        await page.waitForSelector(".co-m-resource-project");
+      },
+    },
+    "/k8s/cluster/projects/default",
+    "/search/ns/default",
+    "/api-explorer",
+    "/api-resource/cluster/core~v1~Namespace",
+    "/api-resource/cluster/core~v1~Namespace/schema",
+    "/api-resource/cluster/core~v1~Namespace/instances",
+    "/api-resource/cluster/core~v1~Namespace/access",
+    "/k8s/ns/default/events",
+    "/operatorhub/ns/default",
+    "/operatorhub/ns/default?details-item=3scale-community-operator-community-operators-openshift-marketplace",
+    "/k8s/ns/default/operators.coreos.com~v1alpha1~ClusterServiceVersion",
+    "/k8s/ns/default/pods",
+    "/k8s/ns/default/pods/~new",
+    "/k8s/ns/default/deployments",
+    "/k8s/ns/default/deployments/~new",
+    "/k8s/ns/default/deploymentconfigs",
+    "/k8s/ns/default/deploymentconfigs/~new",
+    "/k8s/ns/default/statefulsets",
+    "/k8s/ns/default/statefulsets/~new",
+    "/k8s/ns/default/secrets",
+    "/k8s/ns/default/secrets/builder-token-pdzbp",
+    "/k8s/ns/default/secrets/builder-token-pdzbp/yaml",
+    "/k8s/ns/default/configmaps",
+    "/k8s/ns/default/configmaps/nginx-1-ca",
+    "/k8s/ns/default/configmaps/nginx-1-ca/yaml",
+    "/k8s/ns/default/cronjobs",
+    "/k8s/ns/default/cronjobs/~new",
+    "/k8s/ns/default/jobs",
+    "/k8s/ns/default/jobs/~new",
+    "/k8s/ns/default/daemonsets",
+    "/k8s/ns/default/daemonsets/~new",
+    "/k8s/ns/default/replicasets",
+    "/k8s/ns/default/replicasets/~new",
+    "/k8s/ns/default/replicationcontrollers",
+    "/k8s/ns/default/replicationcontrollers/~new",
+    "/k8s/ns/default/horizontalpodautoscalers",
+    "/k8s/ns/default/horizontalpodautoscalers/~new",
+    "/k8s/ns/default/services",
+    "/k8s/ns/default/services/kubernetes",
+    "/k8s/ns/default/services/kubernetes/yaml",
+    "/k8s/ns/default/services/kubernetes/pods",
+  ],
+};
diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json
index d79e2b5cb50..268a59ae4ef 100644
--- a/packages/react-docs/package.json
+++ b/packages/react-docs/package.json
@@ -20,7 +20,8 @@
     "clean:mdx": "rimraf .cache/caches/gatsby-mdx",
     "develop": "gatsby develop",
     "serve": "gatsby serve",
-    "test:a11y": "patternfly-a11y --file .cache/fullscreenPages.json --prefix http://localhost:9000 --aggregate --noIncomplete --ignore color-contrast,focusable-content,scrollable-region-focusable --skip \"charts|virtualizedtable/selectable\""
+    "test:a11y": "patternfly-a11y .cache/fullscreenPages.json --prefix https://www.patternfly.org/2020.11 --aggregate --ignore-incomplete --ignore-rules color-contrast,scrollable-region-focusable --skip \"charts|virtualizedtable/selectable\"",
+    "test:os": "patternfly-a11y --config os-config.js"
   },
   "dependencies": {
     "@patternfly/patternfly": "4.42.2",
@@ -38,7 +39,7 @@
   "devDependencies": {
     "@mdx-js/mdx": "^1.1.5",
     "@mdx-js/react": "^1.1.5",
-    "@patternfly/patternfly-a11y": "^0.0.17",
+    "@patternfly/patternfly-a11y": "^2.0.5",
     "@types/react": "^16.8.0",
     "@types/react-dom": "^16.8.0",
     "gatsby": "2.21.0",
diff --git a/packages/react-table/src/components/LightTable/LightBodyCell.tsx b/packages/react-table/src/components/LightTable/LightBodyCell.tsx
new file mode 100644
index 00000000000..eba7b5f7fab
--- /dev/null
+++ b/packages/react-table/src/components/LightTable/LightBodyCell.tsx
@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Table/table';
+
+export interface LightBodyCellProps {
+  /** Content rendered inside the <td> body cell */
+  children?: React.ReactNode;
+  /** Additional classes added to the <td> body cell  */
+  className?: string;
+  /**
+   * The column header the cell corresponds to.
+   * This attribute replaces table header in mobile viewport. It is rendered by ::before pseudo element.
+   */
+  dataLabel?: string;
+  /** Modifies cell to center its contents. */
+  textCenter?: boolean;
+}
+
+export const LightBodyCell: React.FunctionComponent<LightBodyCellProps> = ({
+  children,
+  className,
+  dataLabel,
+  textCenter = false,
+  ...props
+}: LightBodyCellProps) => (
+  <td role="cell" data-label={dataLabel} className={css(className, textCenter && styles.modifiers.center)} {...props}>
+    {children}
+  </td>
+);
+LightBodyCell.displayName = 'LightBodyCell';
diff --git a/packages/react-table/src/components/LightTable/LightHeaderCell.tsx b/packages/react-table/src/components/LightTable/LightHeaderCell.tsx
new file mode 100644
index 00000000000..58e7de0165c
--- /dev/null
+++ b/packages/react-table/src/components/LightTable/LightHeaderCell.tsx
@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Table/table';
+import { SortByDirection, SortColumn } from '../Table';
+
+export interface LightHeaderCellProps {
+  /** Content rendered inside the <th> header cell */
+  children?: React.ReactNode;
+  /** Additional classes added to the <th> header cell  */
+  className?: string;
+  /** Modifies cell to center its contents. */
+  textCenter?: boolean;
+  sortable?: boolean;
+  onSort?: Function;
+  sortDirection?: SortByDirection | 'none';
+  active?: boolean;
+}
+
+export const LightHeaderCell: React.FunctionComponent<LightHeaderCellProps> = ({
+  children,
+  className,
+  textCenter = false,
+  sortable = false,
+  onSort,
+  sortDirection = 'none',
+  active,
+  ...props
+}: LightHeaderCellProps) => {
+  const [sortDirectionState, setSortDirectionState] = React.useState(sortDirection);
+  const getAriaSort = () => {
+    if (sortDirection === 'asc') {
+      return 'ascending';
+    } else if (sortDirection === 'desc') {
+      return 'descending';
+    } else {
+      return 'none';
+    }
+  };
+  return (
+    <th
+      role="columnheader"
+      scope="col"
+      className={css(
+        className,
+        textCenter && styles.modifiers.center,
+        sortable && styles.tableSort,
+        active && styles.modifiers.selected
+      )}
+      aria-sort={getAriaSort()}
+      {...props}
+    >
+      {sortable ? (
+        <SortColumn
+          isSortedBy={sortDirection !== 'none'}
+          sortDirection={sortDirection !== 'none' ? sortDirection : ''}
+          onSort={onSort}
+        >
+          {children}
+        </SortColumn>
+      ) : (
+        children
+      )}
+    </th>
+  );
+};
+LightHeaderCell.displayName = 'LightHeaderCell';
diff --git a/packages/react-table/src/components/LightTable/LightTable.tsx b/packages/react-table/src/components/LightTable/LightTable.tsx
new file mode 100644
index 00000000000..47f9b41af9d
--- /dev/null
+++ b/packages/react-table/src/components/LightTable/LightTable.tsx
@@ -0,0 +1,57 @@
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Table/table';
+import stylesGrid from '@patternfly/react-styles/css/components/Table/table-grid';
+import { css } from '@patternfly/react-styles';
+import { TableGridBreakpoint, TableVariant, toCamel } from '../Table';
+
+export interface LightTableProps {
+  /** Content rendered inside the Table */
+  children?: React.ReactNode;
+  /** Additional classes added to the Table  */
+  className?: string;
+  /** Style variant for the Table  */
+  variant?: 'compact';
+  /** Render borders  */
+  borders?: boolean;
+  /** If set to true, the table header sticks to the top of its container */
+  isStickyHeader?: boolean;
+  /** Specifies the grid breakpoints  */
+  gridBreakPoint?: '' | 'grid' | 'grid-md' | 'grid-lg' | 'grid-xl' | 'grid-2xl';
+  /**
+   * Provides an accessible name for the table when a descriptive <caption> or <h*> is not available.
+   * Required in the absence of <caption> or <h*>
+   */
+  'aria-label'?: string;
+}
+
+export const LightTable: React.FunctionComponent<LightTableProps> = ({
+  children,
+  className,
+  variant,
+  borders = true,
+  isStickyHeader = false,
+  gridBreakPoint = TableGridBreakpoint.gridMd,
+  'aria-label': ariaLabel,
+  ...props
+}: LightTableProps) => (
+  <table
+    className={css(
+      className,
+      styles.table,
+      gridBreakPoint &&
+        stylesGrid.modifiers[
+          toCamel(gridBreakPoint).replace(/-?2xl/, '_2xl') as 'grid' | 'gridMd' | 'gridLg' | 'gridXl' | 'grid_2xl'
+        ],
+      styles.modifiers[variant],
+      // ((onCollapse && variant === TableVariant.compact) || onExpand) && styles.modifiers.expandable,
+      variant === TableVariant.compact && borders === false && styles.modifiers.noBorderRows,
+      isStickyHeader && styles.modifiers.stickyHeader
+    )}
+    role="grid"
+    aria-label={ariaLabel}
+    {...props}
+  >
+    {children}
+  </table>
+);
+LightTable.displayName = 'LightTable';
diff --git a/packages/react-table/src/components/LightTable/LightTableBody.tsx b/packages/react-table/src/components/LightTable/LightTableBody.tsx
new file mode 100644
index 00000000000..7acde3025ea
--- /dev/null
+++ b/packages/react-table/src/components/LightTable/LightTableBody.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+export interface LightTableBodyProps {
+  /** Content rendered inside the <tr> row */
+  children?: React.ReactNode;
+  /** Additional classes added to the <tr> row  */
+  className?: string;
+}
+
+export const LightTableBody: React.FunctionComponent<LightTableBodyProps> = ({
+  children,
+  className,
+  ...props
+}: LightTableBodyProps) => (
+  <tbody role="rowgroup" className={className} {...props}>
+    {children}
+  </tbody>
+);
+LightTableBody.displayName = 'LightTableBody';
diff --git a/packages/react-table/src/components/LightTable/LightTableCaption.tsx b/packages/react-table/src/components/LightTable/LightTableCaption.tsx
new file mode 100644
index 00000000000..ef3289cd506
--- /dev/null
+++ b/packages/react-table/src/components/LightTable/LightTableCaption.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+export interface LightTableCaptionProps {
+  /** Content rendered inside the <caption> caption */
+  children?: React.ReactNode;
+  /** Additional classes added to the <caption> caption  */
+  className?: string;
+}
+
+export const LightTableCaption: React.FunctionComponent<LightTableCaptionProps> = ({
+  children,
+  className,
+  ...props
+}: LightTableCaptionProps) => (
+  <caption className={className} {...props}>
+    {children}
+  </caption>
+);
+LightTableCaption.displayName = 'LightTableCaption';
diff --git a/packages/react-table/src/components/LightTable/LightTableHead.tsx b/packages/react-table/src/components/LightTable/LightTableHead.tsx
new file mode 100644
index 00000000000..cc936f21fe9
--- /dev/null
+++ b/packages/react-table/src/components/LightTable/LightTableHead.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+export interface LightTableHeadProps {
+  /** Content rendered inside the <tr> row */
+  children?: React.ReactNode;
+  /** Additional classes added to the <tr> row  */
+  className?: string;
+}
+
+export const LightTableHead: React.FunctionComponent<LightTableHeadProps> = ({
+  children,
+  className,
+  ...props
+}: LightTableHeadProps) => (
+  <thead className={className} {...props}>
+    {children}
+  </thead>
+);
+LightTableHead.displayName = 'LightTableHead';
diff --git a/packages/react-table/src/components/LightTable/LightTableRow.tsx b/packages/react-table/src/components/LightTable/LightTableRow.tsx
new file mode 100644
index 00000000000..ef392f3b7d6
--- /dev/null
+++ b/packages/react-table/src/components/LightTable/LightTableRow.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+export interface LightTableRowProps {
+  /** Content rendered inside the <tr> row */
+  children?: React.ReactNode;
+  /** Additional classes added to the <tr> row  */
+  className?: string;
+}
+
+export const LightTableRow: React.FunctionComponent<LightTableRowProps> = ({
+  children,
+  className,
+  ...props
+}: LightTableRowProps) => (
+  <tr role="row" className={className} {...props}>
+    {children}
+  </tr>
+);
+LightTableRow.displayName = 'LightTableRow';
diff --git a/packages/react-table/src/components/LightTable/index.ts b/packages/react-table/src/components/LightTable/index.ts
new file mode 100644
index 00000000000..c4869afec3e
--- /dev/null
+++ b/packages/react-table/src/components/LightTable/index.ts
@@ -0,0 +1,7 @@
+export * from './LightTable';
+export * from './LightTableHead';
+export * from './LightTableBody';
+export * from './LightTableRow';
+export * from './LightHeaderCell';
+export * from './LightBodyCell';
+export * from './LightTableCaption';
diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index 3d7fdc4c620..31033479fe9 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -2,38 +2,65 @@
 id: Table
 cssPrefix: pf-c-table
 section: components
-propComponents: ['Table', 'TableHeader', 'TableBody', 'EditableSelectInputCell', 'EditableTextCell', 'RowErrors', 'IHeaderRow', 'IRowData', 'IColumn', 'IExtraRowData', 'IExtraColumnData', 'ISortBy', 'IAction', 'ISeparator', 'ICell', 'IRowCell', 'IValidatorDef', 'IRow']
+propComponents:
+  [
+    'Table',
+    'TableHeader',
+    'TableBody',
+    'EditableSelectInputCell',
+    'EditableTextCell',
+    'RowErrors',
+    'IHeaderRow',
+    'IRowData',
+    'IColumn',
+    'IExtraRowData',
+    'IExtraColumnData',
+    'ISortBy',
+    'IAction',
+    'ISeparator',
+    'ICell',
+    'IRowCell',
+    'IValidatorDef',
+    'IRow',
+  ]
 ouia: true
 ---
 
 Note: Table lives in its own package at [@patternfly/react-table](https://www.npmjs.com/package/@patternfly/react-table)!
 
 import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableText,
-  sortable,
-  SortByDirection,
-  headerCol,
-  TableVariant,
-  expandable,
-  compoundExpand,
-  cellWidth,
-  textCenter,
-  wrappable,
-  truncate,
-  nowrap,
-  breakWord,
-  fitContent,
-  classNames,
-  Visibility,
-  getErrorTextByValidator,
-  cancelCellEdits,
-  validateCellEdits,
-  applyCellEdits,
-  EditableTextCell,
-  EditableSelectInputCell
+Table,
+TableHeader,
+TableBody,
+TableText,
+sortable,
+SortByDirection,
+headerCol,
+TableVariant,
+expandable,
+compoundExpand,
+cellWidth,
+textCenter,
+wrappable,
+truncate,
+nowrap,
+breakWord,
+fitContent,
+classNames,
+Visibility,
+getErrorTextByValidator,
+cancelCellEdits,
+validateCellEdits,
+applyCellEdits,
+EditableTextCell,
+EditableSelectInputCell,
+LightTable,
+LightTableCaption,
+LightTableHead,
+LightTableBody,
+LightTableRow,
+LightHeaderCell,
+LightBodyCell
 } from '@patternfly/react-table';
 
 import { EmptyStateIcon } from '@patternfly/react-core';
@@ -50,16 +77,102 @@ import DemoSortableTable from './DemoSortableTable';
 
 ## Examples
 
+### Composable Table
+
+```js
+import React from 'react';
+import { LightTable, LightTableCaption, LightTableHead, LightTableBody, LightTableRow, LightHeaderCell, LightBodyCell } from '@patternfly/react-table';
+
+ComposableTable = () => {
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit'
+  ]);
+  const [data, setData] = React.useState([
+    ['Repository 1', 10, 25, 5, '2 days ago'],
+    ['Repository 2', 11, 26, 4, '4 days ago'],
+    ['Repository 3', 12, 27, 3, '3 days ago'],
+    ['Repository 4', 13, 28, 2, '5 days ago']
+  ]);
+  const [sortedBy, setSortedBy] = React.useState(-1);
+  const [sortDirection, setSortDirection] = React.useState([
+    'none',
+    'none',
+    'none',
+    'none',
+    'none'
+  ]);
+  const onSort = (index) => {
+    // changes the active selected style
+    setSortedBy(index);
+    // changes the sort direction
+    const updatedSortDirection = sortDirection.map((dir, sortIndex) => {
+      if (sortIndex === index) {
+        if (dir === 'asc') {
+          return 'desc';
+        } else if (dir === 'desc') {
+          return 'asc';
+        }
+        return 'asc';
+      } else {
+        return 'none';
+      }
+    });
+    setSortDirection(updatedSortDirection);
+    // sorts the row data
+    const updatedData = data.sort((a, b) => {
+      if (typeof a[index] === 'number') {
+        // numeric sort
+        if (updatedSortDirection[index] === 'asc') {
+          return a[index] - b[index];
+        }
+        return b[index] - a[index];
+      } else {
+        // string sort
+        if (updatedSortDirection[index] === 'asc') {
+          return a[index].localeCompare(b[index]);
+        }
+        return b[index].localeCompare(a[index]);
+      }
+    });
+    debugger;
+    setData(updatedData);
+  };
+  return (
+    <LightTable aria-label="This is a simple table example" id="table-basic">
+      <LightTableCaption>This is the table caption</LightTableCaption>
+      <LightTableHead>
+        <LightTableRow>
+          <LightHeaderCell sortable active={sortedBy === 0} sortDirection={sortDirection[0]} onSort={() => onSort(0)}>{columns[0]}</LightHeaderCell>
+          <LightHeaderCell sortable active={sortedBy === 1} sortDirection={sortDirection[1]} onSort={() => onSort(1)}>{columns[1]}</LightHeaderCell>
+          <LightHeaderCell>{columns[2]}</LightHeaderCell>
+          <LightHeaderCell>{columns[3]}</LightHeaderCell>
+          <LightHeaderCell textCenter>{columns[4]}</LightHeaderCell>
+        </LightTableRow>
+      </LightTableHead>
+      <LightTableBody>
+        {data.map((row, rowIndex) => (
+          <LightTableRow key={rowIndex}>
+            {row.map((cell, cellIndex) => (
+              <LightBodyCell key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>{cell}</LightBodyCell>
+            ))}
+          </LightTableRow>
+        ))}
+      </LightTableBody>
+    </LightTable>
+  );
+}
+```
+
 ### Basic
+
 ```js
 import React from 'react';
 
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  textCenter,
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, textCenter } from '@patternfly/react-table';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 
 class SimpleTable extends React.Component {
@@ -67,7 +180,7 @@ class SimpleTable extends React.Component {
     super(props);
     this.state = {
       columns: [
-        { 
+        {
           title: 'Repositories',
           header: {
             info: {
@@ -80,11 +193,15 @@ class SimpleTable extends React.Component {
           }
         },
         'Branches',
-        { 
+        {
           title: 'Pull requests',
           header: {
             info: {
-              popover: <div>More <strong>information</strong> on pull requests</div>,
+              popover: (
+                <div>
+                  More <strong>information</strong> on pull requests
+                </div>
+              ),
               ariaLabel: 'More information on pull requests',
               popoverProps: {
                 headerContent: 'Pull requests',
@@ -135,7 +252,7 @@ class SimpleTable extends React.Component {
 
     return (
       <Table aria-label="Simple Table" cells={columns} rows={rows}>
-        <TableHeader className={styles.modifiers.nowrap}/>
+        <TableHeader className={styles.modifiers.nowrap} />
         <TableBody />
       </Table>
     );
@@ -143,26 +260,17 @@ class SimpleTable extends React.Component {
 }
 ```
 
-
 ### Row click handler
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody } from '@patternfly/react-table';
 
 class RowClickTable extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      columns: [
-        { title: 'Repositories' },
-        'Branches',
-        { title: 'Pull requests' },
-        'Workspaces'
-      ],
+      columns: [{ title: 'Repositories' }, 'Branches', { title: 'Pull requests' }, 'Workspaces'],
       rows: [
         {
           cells: ['Repositories one', 'Branches one', 'Pull requests one', 'Workspaces one']
@@ -177,7 +285,7 @@ class RowClickTable extends React.Component {
     };
     this.rowClickHandler = (event, row) => {
       console.log('handle row click', row);
-    }
+    };
   }
 
   render() {
@@ -194,13 +302,10 @@ class RowClickTable extends React.Component {
 ```
 
 ### Custom row wrapper
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody } from '@patternfly/react-table';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 
@@ -208,12 +313,7 @@ class RowWrapperTable extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      columns: [
-        { title: 'Repositories' },
-        'Branches',
-        { title: 'Pull requests' },
-        'Workspaces'
-      ],
+      columns: [{ title: 'Repositories' }, 'Branches', { title: 'Pull requests' }, 'Workspaces'],
       rows: [
         {
           cells: ['Repositories one', 'Branches one', 'Pull requests one', 'Workspaces one']
@@ -226,24 +326,18 @@ class RowWrapperTable extends React.Component {
         }
       ]
     };
-    this.customRowWrapper = ({
-      trRef,
-      className,
-      rowProps,
-      row: { isExpanded, isHeightAuto },
-      ...props
-    }) => {
+    this.customRowWrapper = ({ trRef, className, rowProps, row: { isExpanded, isHeightAuto }, ...props }) => {
       const isOddRow = (rowProps.rowIndex + 1) % 2;
       const customStyle = {
         borderLeft: '3px solid var(--pf-global--primary-color--100)'
-      }
+      };
       return (
         <tr
           {...props}
           ref={trRef}
           className={css(
             className,
-            (isOddRow ? 'odd-row-class' : 'even-row-class'),
+            isOddRow ? 'odd-row-class' : 'even-row-class',
             'custom-static-class',
             isExpanded !== undefined && styles.tableExpandableRow,
             isExpanded && styles.modifiers.expanded,
@@ -253,14 +347,19 @@ class RowWrapperTable extends React.Component {
           style={isOddRow ? customStyle : {}}
         />
       );
-    }
+    };
   }
 
   render() {
     const { columns, rows } = this.state;
 
     return (
-      <Table caption="Table with custom row wrapper that styles odd rows" cells={columns} rows={rows} rowWrapper={this.customRowWrapper}>
+      <Table
+        caption="Table with custom row wrapper that styles odd rows"
+        cells={columns}
+        rows={rows}
+        rowWrapper={this.customRowWrapper}
+      >
         <TableHeader />
         <TableBody />
       </Table>
@@ -270,15 +369,10 @@ class RowWrapperTable extends React.Component {
 ```
 
 ### Sortable
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  sortable,
-  SortByDirection
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, sortable, SortByDirection } from '@patternfly/react-table';
 
 class SortableTable extends React.Component {
   constructor(props) {
@@ -322,16 +416,10 @@ class SortableTable extends React.Component {
 ```
 
 ### Sortable with wrapping headers
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  sortable,
-  SortByDirection,
-  wrappable,
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, sortable, SortByDirection, wrappable } from '@patternfly/react-table';
 
 class SortableWrappingHeaders extends React.Component {
   constructor(props) {
@@ -348,7 +436,7 @@ class SortableWrappingHeaders extends React.Component {
         },
         {
           title: 'This is a really long table header that goes on for a long time 3.',
-          transforms: [sortable,wrappable]
+          transforms: [sortable, wrappable]
         },
         {
           title: 'This is a really long table header that goes on for a long time 4.',
@@ -357,7 +445,7 @@ class SortableWrappingHeaders extends React.Component {
         {
           title: 'This is a really long table header that goes on for a long time 5.',
           transforms: [sortable, wrappable]
-        },
+        }
       ],
       rows: [['one', 'two', 'a', 'four', 'five'], ['a', 'two', 'k', 'four', 'five'], ['p', 'two', 'b', 'four', 'five']],
       sortBy: {}
@@ -380,7 +468,13 @@ class SortableWrappingHeaders extends React.Component {
     const { columns, rows, sortBy } = this.state;
 
     return (
-      <Table aria-label="Sortable with Wrapping Headers" sortBy={sortBy} onSort={this.onSort} cells={columns} rows={rows}>
+      <Table
+        aria-label="Sortable with Wrapping Headers"
+        sortBy={sortBy}
+        onSort={this.onSort}
+        cells={columns}
+        rows={rows}
+      >
         <TableHeader />
         <TableBody />
       </Table>
@@ -390,6 +484,7 @@ class SortableWrappingHeaders extends React.Component {
 ```
 
 ### Selectable
+
 ```js
 import React from 'react';
 import {
@@ -403,9 +498,7 @@ import {
   expandable,
   cellWidth
 } from '@patternfly/react-table';
-import {
-    Checkbox
-} from '@patternfly/react-core';
+import { Checkbox } from '@patternfly/react-core';
 
 class SelectableTable extends React.Component {
   constructor(props) {
@@ -424,7 +517,7 @@ class SelectableTable extends React.Component {
         },
         {
           cells: ['a', 'two', 'k', 'four', 'five'],
-          disableCheckbox: true,
+          disableCheckbox: true
         },
         {
           cells: ['p', 'two', 'b', 'four', 'five']
@@ -471,13 +564,14 @@ class SelectableTable extends React.Component {
           aria-label="toggle select all checkbox"
           id="toggle-select-all"
           name="toggle-select-all"
-          />
+        />
         <Table
           onSelect={this.onSelect}
           canSelectAll={canSelectAll}
           aria-label="Selectable Table"
           cells={columns}
-          rows={rows}>
+          rows={rows}
+        >
           <TableHeader />
           <TableBody />
         </Table>
@@ -488,14 +582,10 @@ class SelectableTable extends React.Component {
 ```
 
 ### Simple actions
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  headerCol
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, headerCol } from '@patternfly/react-table';
 
 class SimpleActionsTable extends React.Component {
   constructor(props) {
@@ -552,14 +642,10 @@ class SimpleActionsTable extends React.Component {
 ```
 
 ### Actions
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  headerCol
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, headerCol } from '@patternfly/react-table';
 
 class ActionsTable extends React.Component {
   constructor(props) {
@@ -655,14 +741,10 @@ class ActionsTable extends React.Component {
 ```
 
 ### First cell as header
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  headerCol
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, headerCol } from '@patternfly/react-table';
 
 class CellHeader extends React.Component {
   constructor(props) {
@@ -693,14 +775,10 @@ class CellHeader extends React.Component {
 ```
 
 ### Compact
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableVariant
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, TableVariant } from '@patternfly/react-table';
 
 class CompactTable extends React.Component {
   constructor(props) {
@@ -730,14 +808,10 @@ class CompactTable extends React.Component {
 ```
 
 ### Compact borderless rows
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableVariant
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, TableVariant } from '@patternfly/react-table';
 
 class CompactTableBorderlessRows extends React.Component {
   constructor(props) {
@@ -773,15 +847,10 @@ class CompactTableBorderlessRows extends React.Component {
 ```
 
 ### Compact expandable
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableVariant,
-  expandable
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, TableVariant, expandable } from '@patternfly/react-table';
 
 class CompactExpandableTable extends React.Component {
   constructor(props) {
@@ -864,14 +933,10 @@ class CompactExpandableTable extends React.Component {
 ```
 
 ### With width modifiers
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  cellWidth
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, cellWidth } from '@patternfly/react-table';
 
 class WidthTable extends React.Component {
   constructor(props) {
@@ -905,16 +970,10 @@ class WidthTable extends React.Component {
 ```
 
 ### Breakpoint modifiers
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  sortable,
-  classNames,
-  Visibility
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, sortable, classNames, Visibility } from '@patternfly/react-table';
 
 class HiddenVisibleBreakpointTable extends React.Component {
   constructor(props) {
@@ -923,7 +982,9 @@ class HiddenVisibleBreakpointTable extends React.Component {
       columns: [
         {
           title: 'Repositories',
-          columnTransforms: [classNames(Visibility.hidden, Visibility.visibleOnMd, Visibility.hiddenOnLg, Visibility.visibleOn_2xl)]
+          columnTransforms: [
+            classNames(Visibility.hidden, Visibility.visibleOnMd, Visibility.hiddenOnLg, Visibility.visibleOn_2xl)
+          ]
         },
         'Branches',
         {
@@ -959,14 +1020,10 @@ class HiddenVisibleBreakpointTable extends React.Component {
 ```
 
 ### Collapsible
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  expandable
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, expandable } from '@patternfly/react-table';
 
 class CollapsibleTable extends React.Component {
   constructor(props) {
@@ -1046,14 +1103,10 @@ class CollapsibleTable extends React.Component {
 ```
 
 ### Compound expandable
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  compoundExpand
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, compoundExpand } from '@patternfly/react-table';
 
 import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-icon';
 import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
@@ -1087,14 +1140,14 @@ class CompoundExpandableTable extends React.Component {
         {
           isOpen: true,
           cells: [
-            { title: <a href="#">siemur/test-space</a>, props: { component: 'th'} },
+            { title: <a href="#">siemur/test-space</a>, props: { component: 'th' } },
             {
               title: (
                 <React.Fragment>
                   <CodeBranchIcon key="icon" /> 10
                 </React.Fragment>
               ),
-              props: { isOpen: true, ariaControls : 'compound-expansion-table-1' }
+              props: { isOpen: true, ariaControls: 'compound-expansion-table-1' }
             },
             {
               title: (
@@ -1102,7 +1155,7 @@ class CompoundExpandableTable extends React.Component {
                   <CodeIcon key="icon" /> 4
                 </React.Fragment>
               ),
-              props: { isOpen: false, ariaControls : 'compound-expansion-table-2' }
+              props: { isOpen: false, ariaControls: 'compound-expansion-table-2' }
             },
             {
               title: (
@@ -1110,7 +1163,7 @@ class CompoundExpandableTable extends React.Component {
                   <CubeIcon key="icon" /> 4
                 </React.Fragment>
               ),
-              props: { isOpen: false, ariaControls : 'compound-expansion-table-3' }
+              props: { isOpen: false, ariaControls: 'compound-expansion-table-3' }
             },
             '20 minutes',
             { title: <a href="#">Open in Github</a> }
@@ -1121,7 +1174,12 @@ class CompoundExpandableTable extends React.Component {
           compoundParent: 1,
           cells: [
             {
-              title: <DemoSortableTable firstColumnRows={['parent-0', 'compound-1', 'three', 'four','five']} id="compound-expansion-table-1" />,
+              title: (
+                <DemoSortableTable
+                  firstColumnRows={['parent-0', 'compound-1', 'three', 'four', 'five']}
+                  id="compound-expansion-table-1"
+                />
+              ),
               props: { colSpan: 6, className: 'pf-m-no-padding' }
             }
           ]
@@ -1131,7 +1189,12 @@ class CompoundExpandableTable extends React.Component {
           compoundParent: 2,
           cells: [
             {
-              title: <DemoSortableTable firstColumnRows={['parent-0', 'compound-2', 'three', 'four','five']} id="compound-expansion-table-2" />,
+              title: (
+                <DemoSortableTable
+                  firstColumnRows={['parent-0', 'compound-2', 'three', 'four', 'five']}
+                  id="compound-expansion-table-2"
+                />
+              ),
               props: { colSpan: 6, className: 'pf-m-no-padding' }
             }
           ]
@@ -1141,7 +1204,12 @@ class CompoundExpandableTable extends React.Component {
           compoundParent: 3,
           cells: [
             {
-              title: <DemoSortableTable firstColumnRows={['parent-0', 'compound-3', 'three', 'four','five']} id="compound-expansion-table-3" />,
+              title: (
+                <DemoSortableTable
+                  firstColumnRows={['parent-0', 'compound-3', 'three', 'four', 'five']}
+                  id="compound-expansion-table-3"
+                />
+              ),
               props: { colSpan: 6, className: 'pf-m-no-padding' }
             }
           ]
@@ -1149,14 +1217,14 @@ class CompoundExpandableTable extends React.Component {
         {
           isOpen: false,
           cells: [
-            { title: <a href="#">siemur/test-space</a>, props: { component: 'th'} },
+            { title: <a href="#">siemur/test-space</a>, props: { component: 'th' } },
             {
               title: (
                 <React.Fragment>
                   <CodeBranchIcon key="icon" /> 3
                 </React.Fragment>
               ),
-              props: { isOpen: false, ariaControls : 'compound-expansion-table-4' }
+              props: { isOpen: false, ariaControls: 'compound-expansion-table-4' }
             },
             {
               title: (
@@ -1164,7 +1232,7 @@ class CompoundExpandableTable extends React.Component {
                   <CodeIcon key="icon" /> 4
                 </React.Fragment>
               ),
-              props: { isOpen: false, ariaControls : 'compound-expansion-table-5' }
+              props: { isOpen: false, ariaControls: 'compound-expansion-table-5' }
             },
             {
               title: (
@@ -1172,7 +1240,7 @@ class CompoundExpandableTable extends React.Component {
                   <CubeIcon key="icon" /> 2
                 </React.Fragment>
               ),
-              props: { isOpen: false, ariaControls : 'compound-expansion-table-6' }
+              props: { isOpen: false, ariaControls: 'compound-expansion-table-6' }
             },
             '20 minutes',
             { title: <a href="#">Open in Github</a> }
@@ -1183,7 +1251,12 @@ class CompoundExpandableTable extends React.Component {
           compoundParent: 1,
           cells: [
             {
-              title: <DemoSortableTable firstColumnRows={['parent-4', 'compound-1', 'three', 'four','five']} id="compound-expansion-table-4" />,
+              title: (
+                <DemoSortableTable
+                  firstColumnRows={['parent-4', 'compound-1', 'three', 'four', 'five']}
+                  id="compound-expansion-table-4"
+                />
+              ),
               props: { colSpan: 6, className: 'pf-m-no-padding' }
             }
           ]
@@ -1193,7 +1266,12 @@ class CompoundExpandableTable extends React.Component {
           compoundParent: 2,
           cells: [
             {
-              title: <DemoSortableTable firstColumnRows={['parent-4', 'compound-2', 'three', 'four','five']} id="compound-expansion-table-5"/>,
+              title: (
+                <DemoSortableTable
+                  firstColumnRows={['parent-4', 'compound-2', 'three', 'four', 'five']}
+                  id="compound-expansion-table-5"
+                />
+              ),
               props: { colSpan: 6, className: 'pf-m-no-padding' }
             }
           ]
@@ -1203,7 +1281,12 @@ class CompoundExpandableTable extends React.Component {
           compoundParent: 3,
           cells: [
             {
-              title: <DemoSortableTable firstColumnRows={['parent-4', 'compound-3', 'three', 'four','five']} id="compound-expansion-table-6"/>,
+              title: (
+                <DemoSortableTable
+                  firstColumnRows={['parent-4', 'compound-3', 'three', 'four', 'five']}
+                  id="compound-expansion-table-6"
+                />
+              ),
               props: { colSpan: 6, className: 'pf-m-no-padding' }
             }
           ]
@@ -1245,6 +1328,7 @@ class CompoundExpandableTable extends React.Component {
 ```
 
 ### Controlling text
+
 ```js
 import React from 'react';
 import {
@@ -1256,7 +1340,7 @@ import {
   nowrap,
   breakWord,
   cellWidth,
-  fitContent,
+  fitContent
 } from '@patternfly/react-table';
 
 class ControllingText extends React.Component {
@@ -1264,24 +1348,28 @@ class ControllingText extends React.Component {
     super(props);
     this.state = {
       columns: [
-        {title: 'Truncate (width 20%)', transforms: [cellWidth(20)], cellTransforms: [truncate]},
-        {title: 'Break word', cellTransforms: [breakWord]},
-        {title: 'Wrapping table header text. This th text will wrap instead of truncate.', transforms: [wrappable]},
-        {title: 'Fit content', transforms: [fitContent]},
-        {title: '', cellTransforms: [nowrap]},
+        { title: 'Truncate (width 20%)', transforms: [cellWidth(20)], cellTransforms: [truncate] },
+        { title: 'Break word', cellTransforms: [breakWord] },
+        { title: 'Wrapping table header text. This th text will wrap instead of truncate.', transforms: [wrappable] },
+        { title: 'Fit content', transforms: [fitContent] },
+        { title: '', cellTransforms: [nowrap] }
       ],
       rows: [
         [
           'This text will truncate instead of wrap.',
-          {title: <a href="#">http://thisisaverylongurlthatneedstobreakusethebreakwordmodifier.org</a>},
-          {title: <p>By default,
-            <code>thead</code> cells will truncate and
-            <code>tbody</code> cells will wrap. Use
-            <code>.pf-m-wrap</code> on a
-            <code>th</code> to change its behavior.</p>
+          { title: <a href="#">http://thisisaverylongurlthatneedstobreakusethebreakwordmodifier.org</a> },
+          {
+            title: (
+              <p>
+                By default,
+                <code>thead</code> cells will truncate and
+                <code>tbody</code> cells will wrap. Use
+                <code>.pf-m-wrap</code> on a<code>th</code> to change its behavior.
+              </p>
+            )
           },
-          'This cell\'s content will adjust itself to the parent th width. This modifier only affects table layouts.',
-          {title: <a href="#">No wrap</a>}
+          "This cell's content will adjust itself to the parent th width. This modifier only affects table layouts.",
+          { title: <a href="#">No wrap</a> }
         ]
       ]
     };
@@ -1301,6 +1389,7 @@ class ControllingText extends React.Component {
 ```
 
 ### Modifiers with table text
+
 ```js
 import React from 'react';
 import {
@@ -1313,7 +1402,7 @@ import {
   nowrap,
   breakWord,
   cellWidth,
-  fitContent,
+  fitContent
 } from '@patternfly/react-table';
 
 class ModifiersWithTableText extends React.Component {
@@ -1321,13 +1410,19 @@ class ModifiersWithTableText extends React.Component {
     super(props);
     this.state = {
       columns: [
-        {title: 'Truncating text', transforms: [cellWidth(30)]},
-        {title: 'Wrapping table header text. This th text will wrap instead of truncate.'},
+        { title: 'Truncating text', transforms: [cellWidth(30)] },
+        { title: 'Wrapping table header text. This th text will wrap instead of truncate.' }
       ],
       rows: [
         [
-          {title: <TableText wrapModifier='truncate'>This text will truncate instead of wrap.</TableText>},
-          {title: <TableText wrapModifier='nowrap'><a href="#">This is a link that needs to be on one line and fully readable.</a></TableText>},
+          { title: <TableText wrapModifier="truncate">This text will truncate instead of wrap.</TableText> },
+          {
+            title: (
+              <TableText wrapModifier="nowrap">
+                <a href="#">This is a link that needs to be on one line and fully readable.</a>
+              </TableText>
+            )
+          }
         ]
       ]
     };
@@ -1347,37 +1442,47 @@ class ModifiersWithTableText extends React.Component {
 ```
 
 ### Empty state
+
 ```js
 import React from 'react';
 import { Table, TableHeader, TableBody } from '@patternfly/react-table';
-import { Button, EmptyState, EmptyStateBody, EmptyStatePrimary, Bullseye, Title, EmptyStateIcon } from '@patternfly/react-core';
+import {
+  Button,
+  EmptyState,
+  EmptyStateBody,
+  EmptyStatePrimary,
+  Bullseye,
+  Title,
+  EmptyStateIcon
+} from '@patternfly/react-core';
 import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
 
 EmptyStateTable = () => {
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last Commit']
-  const rows = []
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last Commit'];
+  const rows = [];
   return (
     <React.Fragment>
-    <Table caption="Empty State Table Example" cells={columns} rows={rows}>
-      <TableHeader />
-      <TableBody />
-    </Table>
-    <EmptyState variant={EmptyStateVariant.small}>
-      <EmptyStateIcon icon={SearchIcon} />
-      <Title headingLevel="h2" size="lg">
-        No results found
-      </Title>
-      <EmptyStateBody>
-        No results match the filter criteria. Remove all filters or clear all filters to show results.
-      </EmptyStateBody>
-      <Button variant="link">Clear all filters</Button>
-    </EmptyState>
+      <Table caption="Empty State Table Example" cells={columns} rows={rows}>
+        <TableHeader />
+        <TableBody />
+      </Table>
+      <EmptyState variant={EmptyStateVariant.small}>
+        <EmptyStateIcon icon={SearchIcon} />
+        <Title headingLevel="h2" size="lg">
+          No results found
+        </Title>
+        <EmptyStateBody>
+          No results match the filter criteria. Remove all filters or clear all filters to show results.
+        </EmptyStateBody>
+        <Button variant="link">Clear all filters</Button>
+      </EmptyState>
     </React.Fragment>
   );
-}
+};
 ```
 
 ### Editable rows
+
 ```js isBeta
 import React from 'react';
 import { TextInput, SelectOption } from '@patternfly/react-core';
@@ -1399,16 +1504,13 @@ class EditableRowsTable extends React.Component {
     super(props);
 
     this.state = {
-      columns: [
-        'Text input col 1',
-        'Disabled text input col 2',
-        'Text input col 3',
-        'Text input col 4'
+      columns: ['Text input col 1', 'Disabled text input col 2', 'Text input col 3', 'Text input col 4'],
+      actions: [
+        {
+          title: 'Some action',
+          onClick: (event, rowId, rowData, extra) => console.log('clicked on Some action, on row: ', rowId)
+        }
       ],
-      actions: [{
-        title: 'Some action',
-        onClick: (event, rowId, rowData, extra) => console.log('clicked on Some action, on row: ', rowId)
-      }],
       rows: [
         {
           rowEditBtnAriaLabel: idx => `Edit row ${idx}`,
@@ -1430,7 +1532,8 @@ class EditableRowsTable extends React.Component {
                   cellIndex={cellIndex}
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
-                  inputAriaLabel="Row 1 cell 1 content" />
+                  inputAriaLabel="Row 1 cell 1 content"
+                />
               ),
               props: {
                 value: 'Row 1 cell 1 content',
@@ -1446,7 +1549,8 @@ class EditableRowsTable extends React.Component {
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
                   isDisabled
-                  inputAriaLabel="Row 1 cell 2 content" />
+                  inputAriaLabel="Row 1 cell 2 content"
+                />
               ),
               props: {
                 value: 'Row 1 cell 2, disabled content',
@@ -1461,7 +1565,8 @@ class EditableRowsTable extends React.Component {
                   cellIndex={cellIndex}
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
-                  inputAriaLabel="Row 1 cell 3 content" />
+                  inputAriaLabel="Row 1 cell 3 content"
+                />
               ),
               props: {
                 value: 'Row 1 cell 3 content',
@@ -1485,7 +1590,9 @@ class EditableRowsTable extends React.Component {
                       isPlaceholder={option.isPlaceholder}
                     />
                   ))}
-                  onToggle={(isOpen) => {this.onToggle(isOpen, rowIndex, cellIndex)}}
+                  onToggle={isOpen => {
+                    this.onToggle(isOpen, rowIndex, cellIndex);
+                  }}
                   selections={props.selected}
                 />
               ),
@@ -1495,19 +1602,19 @@ class EditableRowsTable extends React.Component {
                 isSelectOpen: props.isSelectOpen || false,
                 selected: props.selected || ['Option 1'],
                 options: [
-                  {value: 'Placeholder...', isPlaceholder: true},
-                  {value: 'Option 1'},
-                  {value: 'Option 2'},
-                  {value: 'Option 3'},
-                  {value: 'Option 4'},
-                  {value: 'Option 5'}
+                  { value: 'Placeholder...', isPlaceholder: true },
+                  { value: 'Option 1' },
+                  { value: 'Option 2' },
+                  { value: 'Option 3' },
+                  { value: 'Option 4' },
+                  { value: 'Option 5' }
                 ],
                 editableSelectProps: {
                   variant: 'single',
-                  'aria-label': "Row 1 cell 4 content",
+                  'aria-label': 'Row 1 cell 4 content'
                 }
               }
-            },
+            }
           ]
         },
         {
@@ -1520,7 +1627,8 @@ class EditableRowsTable extends React.Component {
                   cellIndex={cellIndex}
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
-                  inputAriaLabel="Row 2 cell 1 content" />
+                  inputAriaLabel="Row 2 cell 1 content"
+                />
               ),
               props: {
                 value: 'Row 2 cell 1 content',
@@ -1536,7 +1644,8 @@ class EditableRowsTable extends React.Component {
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
                   isDisabled
-                  inputAriaLabel="Row 2 cell 2 content" />
+                  inputAriaLabel="Row 2 cell 2 content"
+                />
               ),
               props: {
                 value: 'Row 2 cell 2, disabled content',
@@ -1551,7 +1660,8 @@ class EditableRowsTable extends React.Component {
                   cellIndex={cellIndex}
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
-                  inputAriaLabel="Row 2 cell 3 content" />
+                  inputAriaLabel="Row 2 cell 3 content"
+                />
               ),
               props: {
                 value: 'Row 2 cell 3 content',
@@ -1570,17 +1680,19 @@ class EditableRowsTable extends React.Component {
                   isOpen={props.isSelectOpen}
                   options={props.options.map((option, index) => {
                     return (
-                    <SelectOption
-                      key={index}
-                      value={option.value}
-                      id={'uniqueIdRow2Cell4Option' + index}
-                      isPlaceholder={option.isPlaceholder}
-                    />
-                  )
+                      <SelectOption
+                        key={index}
+                        value={option.value}
+                        id={'uniqueIdRow2Cell4Option' + index}
+                        isPlaceholder={option.isPlaceholder}
+                      />
+                    );
                   })}
-                  onToggle={(isOpen) => {this.onToggle(isOpen, rowIndex, cellIndex)}}
+                  onToggle={isOpen => {
+                    this.onToggle(isOpen, rowIndex, cellIndex);
+                  }}
                   selections={props.selected}
-                  />
+                />
               ),
               props: {
                 value: ['Placeholder...'],
@@ -1588,20 +1700,20 @@ class EditableRowsTable extends React.Component {
                 isSelectOpen: props.isSelectOpen || false,
                 selected: props.selected || [],
                 options: [
-                  {value: 'Placeholder...', isPlaceholder: true},
-                  {value: 'Option 1'},
-                  {value: 'Option 2'},
-                  {value: 'Option 3'},
-                  {value: 'Option 4'},
-                  {value: 'Option 5'}
+                  { value: 'Placeholder...', isPlaceholder: true },
+                  { value: 'Option 1' },
+                  { value: 'Option 2' },
+                  { value: 'Option 3' },
+                  { value: 'Option 4' },
+                  { value: 'Option 5' }
                 ],
                 editableSelectProps: {
                   variant: 'typeaheadmulti',
-                  'aria-label': "Row 2 cell 4 content",
+                  'aria-label': 'Row 2 cell 4 content',
                   toggleId: 'editable-toggle'
                 }
               }
-            },
+            }
           ]
         },
         {
@@ -1636,7 +1748,8 @@ class EditableRowsTable extends React.Component {
                   cellIndex={cellIndex}
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
-                  inputAriaLabel="Row 3 cell 1 content" />
+                  inputAriaLabel="Row 3 cell 1 content"
+                />
               ),
               props: {
                 value: 'Row 3 cell 1 content',
@@ -1652,7 +1765,8 @@ class EditableRowsTable extends React.Component {
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
                   isDisabled
-                  inputAriaLabel="Row 3 cell 2 content" />
+                  inputAriaLabel="Row 3 cell 2 content"
+                />
               ),
               props: {
                 value: 'Row 3 cell 2, disabled content',
@@ -1667,7 +1781,8 @@ class EditableRowsTable extends React.Component {
                   cellIndex={cellIndex}
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
-                  inputAriaLabel="Row 3 cell 3 content" />
+                  inputAriaLabel="Row 3 cell 3 content"
+                />
               ),
               props: {
                 value: 'Row 3 cell 3 content',
@@ -1692,9 +1807,11 @@ class EditableRowsTable extends React.Component {
                       isPlaceholder={option.isPlaceholder}
                     />
                   ))}
-                  onToggle={(isOpen) => {this.onToggle(isOpen, rowIndex, cellIndex)}}
+                  onToggle={isOpen => {
+                    this.onToggle(isOpen, rowIndex, cellIndex);
+                  }}
                   selections={props.selected}
-                  />
+                />
               ),
               props: {
                 value: ['Option 3'],
@@ -1702,16 +1819,16 @@ class EditableRowsTable extends React.Component {
                 isSelectOpen: props.isSelectOpen || false,
                 selected: props.selected || ['Option 3'],
                 options: [
-                  {value: 'Placeholder...', isPlaceholder: true},
-                  {value: 'Option 1'},
-                  {value: 'Option 2'},
-                  {value: 'Option 3'},
-                  {value: 'Option 4'},
-                  {value: 'Option 5'}
+                  { value: 'Placeholder...', isPlaceholder: true },
+                  { value: 'Option 1' },
+                  { value: 'Option 2' },
+                  { value: 'Option 3' },
+                  { value: 'Option 4' },
+                  { value: 'Option 5' }
                 ],
                 editableSelectProps: {
                   variant: 'checkbox',
-                  'aria-label': "Row 3 cell 4 content",
+                  'aria-label': 'Row 3 cell 4 content'
                 }
               }
             }
@@ -1785,7 +1902,7 @@ class EditableRowsTable extends React.Component {
         rows: newRows
       });
     };
-    
+
     this.clearSelection = (rowIndex, cellIndex) => {
       const newRows = Array.from(this.state.rows);
       const newCellProps = newRows[rowIndex].cells[cellIndex].props;
@@ -1815,9 +1932,10 @@ class EditableRowsTable extends React.Component {
         aria-label="Editable Rows Table"
         variant={TableVariant.compact}
         cells={columns}
-        rows={rows}>
-          <TableHeader />
-          <TableBody />
+        rows={rows}
+      >
+        <TableHeader />
+        <TableBody />
       </Table>
     );
   }
diff --git a/packages/react-table/src/components/TableLight/TableLight.tsx b/packages/react-table/src/components/TableLight/TableLight.tsx
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/packages/react-table/src/components/index.ts b/packages/react-table/src/components/index.ts
index 75193adc339..ac14d412632 100644
--- a/packages/react-table/src/components/index.ts
+++ b/packages/react-table/src/components/index.ts
@@ -1 +1,2 @@
 export * from './Table';
+export * from './LightTable';
diff --git a/yarn.lock b/yarn.lock
index f89331fdd79..31118db5dad 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3557,6 +3557,13 @@
     "@nodelib/fs.scandir" "2.1.3"
     fastq "^1.6.0"
 
+"@npmcli/move-file@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/move-file/-/move-file-1.0.1.tgz#de103070dac0f48ce49cf6693c23af59c0f70464"
+  integrity sha512-Uv6h1sT+0DrblvIrolFtbvM1FgWm+/sy4B3pvLp67Zys+thcukzS5ekn7HsZFGpWP4Q3fYJCljbWQE/XivMRLw==
+  dependencies:
+    mkdirp "^1.0.4"
+
 "@octokit/auth-token@^2.4.0":
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/@octokit/auth-token/-/auth-token-2.4.0.tgz#b64178975218b99e4dfe948253f0673cbbb59d9f"
@@ -3662,15 +3669,35 @@
   dependencies:
     "@types/node" ">= 8"
 
-"@patternfly/patternfly-a11y@^0.0.17":
-  version "0.0.17"
-  resolved "https://registry.yarnpkg.com/@patternfly/patternfly-a11y/-/patternfly-a11y-0.0.17.tgz#bf029d20ae326c328d2dec5d0df5bad52beec12f"
-  dependencies:
-    axe-webdriverjs "^2.3.0"
+"@patternfly/patternfly-a11y@^2.0.4":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@patternfly/patternfly-a11y/-/patternfly-a11y-2.0.4.tgz#541d30e7e6fa5542bce7129bc48808dded600f7f"
+  integrity sha512-5uL7qKyjA2nTpvTVjDvRTkkDDmikh6iY5Y3HssxLeeDU29KF/lLptDo7/R3bql7q6Kq99lsQtXU67PxZibC+IA==
+  dependencies:
+    "@patternfly/react-charts" "^6.9.6"
+    "@patternfly/react-core" "^4.18.5"
+    "@reach/router" "^1.2.1"
+    "@types/react" "^16.9.11"
+    "@types/react-dom" "^16.9.4"
+    "@welldone-software/why-did-you-render" "^4.3.2"
+    axe-core "^3.5.5"
+    chromedriver "^78.0.1"
+    commander "^5.1.0"
+    copy-webpack-plugin "^6.1.0"
+    css-loader "^3.5.3"
+    file-loader "^6.0.0"
+    html-webpack-plugin "^4.3.0"
     junit-xml "^1.2.0"
-    selenium-webdriver "^4.0.0-alpha.5"
+    mini-css-extract-plugin "^0.9.0"
+    puppeteer "^3.3.0"
+    puppeteer-cluster "^0.21.0"
+    ts-loader "^7.0.5"
+    typescript "^3.9.5"
+    url-loader "^4.1.0"
+    webpack "^4.43.0"
+    webpack-cli "^3.3.11"
+    webpack-dev-server "^3.11.0"
     xmldoc "^1.1.2"
-    yargs "^15.0.2"
 
 "@patternfly/patternfly@4.42.2":
   version "4.42.2"
@@ -3696,6 +3723,16 @@
     lodash.debounce "^4.0.8"
     react-dev-utils "^9.1.0"
 
+"@reach/router@^1.2.1":
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/@reach/router/-/router-1.3.4.tgz#d2574b19370a70c80480ed91f3da840136d10f8c"
+  integrity sha512-+mtn9wjlB9NN2CNnnC/BRYtwdKBfSyyasPYraNAyvaV1occr/5NnB4CVzjEZipNHwYebQwcndGUmpFzxAUoqSA==
+  dependencies:
+    create-react-context "0.3.0"
+    invariant "^2.2.3"
+    prop-types "^15.6.1"
+    react-lifecycles-compat "^3.0.4"
+
 "@reach/router@^1.3.3":
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/@reach/router/-/router-1.3.3.tgz#58162860dce6c9449d49be86b0561b5ef46d80db"
@@ -3777,6 +3814,11 @@
   dependencies:
     defer-to-connect "^1.0.1"
 
+"@types/anymatch@*":
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
+  integrity sha512-/+CRPXpBDpo2RK9C68N3b2cOvO0Cf5B9aPijHsoDQTHivnGSObdOF2BRQOYjojWTDy6nQvMjmqRXIxH55VjxxA==
+
 "@types/babel__core@^7.1.0":
   version "7.1.3"
   resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.3.tgz#e441ea7df63cd080dfcd02ab199e6d16a735fc30"
@@ -4136,6 +4178,11 @@
   version "4.7.3"
   resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.3.tgz#856c99cdc1551d22c22b18b5402719affec9839a"
 
+"@types/html-minifier-terser@^5.0.0":
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.0.tgz#551a4589b6ee2cc9c1dff08056128aec29b94880"
+  integrity sha512-iYCgjm1dGPRuo12+BStjd1HiVQqhlRhWDOQigNxn023HcjnhsiFz9pc6CzJj4HwDCSQca9bxTL4PxJDbkdm3PA==
+
 "@types/inquirer@6.0.1":
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/@types/inquirer/-/inquirer-6.0.1.tgz#ea9b483a81f16f4f0d27d5c8d9d081dfa36c4ee9"
@@ -4174,6 +4221,11 @@
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.3.tgz#bdfd69d61e464dcc81b25159c270d75a73c1a636"
 
+"@types/json-schema@^7.0.5":
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.6.tgz#f4c7ec43e81b319a9815115031709f26987891f0"
+  integrity sha512-3c+yGKvVP5Y9TYBEibGNR+kLtijnj7mYrXRg+WpFb2X9xm04g/DXYkfg4hmzJQosc9snFNUPkbYIhu+KAm6jJw==
+
 "@types/lodash@^4.14.157":
   version "4.14.157"
   resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.157.tgz#fdac1c52448861dfde1a2e1515dbc46e54926dc8"
@@ -4233,6 +4285,13 @@
   dependencies:
     "@types/react" "*"
 
+"@types/react-dom@^16.9.4":
+  version "16.9.8"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.8.tgz#fe4c1e11dfc67155733dfa6aa65108b4971cb423"
+  integrity sha512-ykkPQ+5nFknnlU6lDd947WbQ6TE3NNzbQAkInC2EKY1qeYdTKp7onFusmYZb+ityzx2YviqT6BXSu+LyWWJwcA==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react-router-dom@^4.3.1":
   version "4.3.5"
   resolved "https://registry.yarnpkg.com/@types/react-router-dom/-/react-router-dom-4.3.5.tgz#72f229967690c890d00f96e6b85e9ee5780db31f"
@@ -4264,6 +4323,14 @@
     "@types/prop-types" "*"
     csstype "^2.2.0"
 
+"@types/react@^16.9.11":
+  version "16.9.49"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.9.49.tgz#09db021cf8089aba0cdb12a49f8021a69cce4872"
+  integrity sha512-DtLFjSj0OYAdVLBbyjhuV9CdGVHCkHn2R+xr3XkBvK2rS1Y1tkc14XSGjYgm5Fjjr90AxH9tiSzc1pCFMGO06g==
+  dependencies:
+    "@types/prop-types" "*"
+    csstype "^3.0.2"
+
 "@types/resolve@0.0.8":
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-0.0.8.tgz#f26074d238e02659e323ce1a13d041eee280e194"
@@ -4281,10 +4348,20 @@
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/@types/sizzle/-/sizzle-2.3.2.tgz#a811b8c18e2babab7d542b3365887ae2e4d9de47"
 
+"@types/source-list-map@*":
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9"
+  integrity sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==
+
 "@types/stack-utils@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
 
+"@types/tapable@*", "@types/tapable@^1.0.5":
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.6.tgz#a9ca4b70a18b270ccb2bc0aaafefd1d486b7ea74"
+  integrity sha512-W+bw9ds02rAQaMvaLYxAbJ6cvguW/iJXNT6lTssS1ps6QdrMKttqEAMEG/b5CR8TZl3/L7/lH0ZV5nNR1LXikA==
+
 "@types/tapable@1.0.2":
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.2.tgz#e13182e1b69871a422d7863e11a4a6f5b814a4bd"
@@ -4300,6 +4377,13 @@
   version "0.0.33"
   resolved "https://registry.yarnpkg.com/@types/tmp/-/tmp-0.0.33.tgz#1073c4bc824754ae3d10cfab88ab0237ba964e4d"
 
+"@types/uglify-js@*":
+  version "3.9.3"
+  resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.9.3.tgz#d94ed608e295bc5424c9600e6b8565407b6b4b6b"
+  integrity sha512-KswB5C7Kwduwjj04Ykz+AjvPcfgv/37Za24O2EDzYNbwyzOo8+ydtvzUfZ5UMguiVu29Gx44l1A6VsPPcmYu9w==
+  dependencies:
+    source-map "^0.6.1"
+
 "@types/unist@*", "@types/unist@^2.0.0", "@types/unist@^2.0.2", "@types/unist@^2.0.3":
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.3.tgz#9c088679876f374eb5983f150d4787aa6fb32d7e"
@@ -4325,6 +4409,27 @@
   dependencies:
     webcola "*"
 
+"@types/webpack-sources@*":
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-1.4.2.tgz#5d3d4dea04008a779a90135ff96fb5c0c9e6292c"
+  integrity sha512-77T++JyKow4BQB/m9O96n9d/UUHWLQHlcqXb9Vsf4F1+wKNrrlWNFPDLKNT92RJnCSL6CieTc+NDXtCVZswdTw==
+  dependencies:
+    "@types/node" "*"
+    "@types/source-list-map" "*"
+    source-map "^0.7.3"
+
+"@types/webpack@^4.41.8":
+  version "4.41.22"
+  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.22.tgz#ff9758a17c6bd499e459b91e78539848c32d0731"
+  integrity sha512-JQDJK6pj8OMV9gWOnN1dcLCyU9Hzs6lux0wBO4lr1+gyEhIBR9U3FMrz12t2GPkg110XAxEAw2WHF6g7nZIbRQ==
+  dependencies:
+    "@types/anymatch" "*"
+    "@types/node" "*"
+    "@types/tapable" "*"
+    "@types/uglify-js" "*"
+    "@types/webpack-sources" "*"
+    source-map "^0.6.0"
+
 "@types/yargs-parser@*":
   version "13.1.0"
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-13.1.0.tgz#c563aa192f39350a1d18da36c5a8da382bbd8228"
@@ -4341,6 +4446,13 @@
   dependencies:
     "@types/yargs-parser" "*"
 
+"@types/yauzl@^2.9.1":
+  version "2.9.1"
+  resolved "https://registry.yarnpkg.com/@types/yauzl/-/yauzl-2.9.1.tgz#d10f69f9f522eef3cf98e30afb684a1e1ec923af"
+  integrity sha512-A1b8SU4D10uoPjwb0lnHmmu8wZhR9d+9o2PKBQT2jU5YPTKsxac6M2qGAdY7VcL+dHHhARVUDmeg0rOrcd9EjA==
+  dependencies:
+    "@types/node" "*"
+
 "@typescript-eslint/eslint-plugin@^2.18.0":
   version "2.18.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.18.0.tgz#f8cf272dfb057ecf1ea000fea1e0b3f06a32f9cb"
@@ -4827,6 +4939,13 @@
     "@webassemblyjs/wast-parser" "1.9.0"
     "@xtuc/long" "4.2.2"
 
+"@welldone-software/why-did-you-render@^4.3.2":
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/@welldone-software/why-did-you-render/-/why-did-you-render-4.3.2.tgz#db1c700df1729402f2ceacf05cebd72dca30f1af"
+  integrity sha512-pzaFmUUH+FjbsDgcMB1xNPncIaxibvo0FLbGySLIh+v+7Bp5pqSJFO6zlqo4orPLm3nAdYEgL2vrlj8befoypg==
+  dependencies:
+    lodash "^4"
+
 "@xtuc/ieee754@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
@@ -4961,6 +5080,11 @@ agent-base@4, agent-base@^4.1.0, agent-base@^4.3.0:
   dependencies:
     es6-promisify "^5.0.0"
 
+agent-base@5:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-5.1.1.tgz#e8fb3f242959db44d63be665db7a8e739537a32c"
+  integrity sha512-TMeqbNl2fMW0nMjTEPOwe3J/PRFP4vqeoNuQMG0HlMrtm5QxKqdvAkZ1pRBQ/ulIyDD5Yq0nJ7YbdD8ey0TO3g==
+
 agent-base@~4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-4.2.1.tgz#d89e5999f797875674c07d87f260fc41e83e8ca9"
@@ -5003,6 +5127,11 @@ ajv-keywords@^3.0.0, ajv-keywords@^3.1.0, ajv-keywords@^3.4.1:
   version "3.4.1"
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.4.1.tgz#ef916e271c64ac12171fd8384eaae6b2345854da"
 
+ajv-keywords@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
+  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
+
 ajv@^6.0.1, ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.5.3, ajv@^6.5.5:
   version "6.10.2"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.10.2.tgz#d3cea04d6b017b2894ad69040fec8b623eb4bd52"
@@ -5021,7 +5150,7 @@ ajv@^6.12.0:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ajv@^6.12.3:
+ajv@^6.12.3, ajv@^6.12.4:
   version "6.12.5"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.5.tgz#19b0e8bae8f476e5ba666300387775fb1a00a4da"
   integrity sha512-lRF8RORchjpKG50/WFf8xmg7sgCLFiYNNnqdKflk63whMQcWR5ngGjiSXkL9bjxy6B2npOK2HSMN49jEBMSkag==
@@ -5532,17 +5661,10 @@ aws4@^1.8.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
 
-axe-core@^3.3.1:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-3.4.1.tgz#e42623918bb85b5ef674633852cb9029db0309c5"
-
-axe-webdriverjs@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/axe-webdriverjs/-/axe-webdriverjs-2.3.0.tgz#92511fbce38624a57e1aa861dd8a3c73c6a3a972"
-  dependencies:
-    axe-core "^3.3.1"
-    babel-runtime "^6.26.0"
-    depd "^2.0.0"
+axe-core@^3.5.5:
+  version "3.5.5"
+  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-3.5.5.tgz#84315073b53fa3c0c51676c588d59da09a192227"
+  integrity sha512-5P0QZ6J5xGikH780pghEdbEKijCTrruK9KxtPZCFWUpef0f6GipO+xEZ5GKCb020mmqgbiNO6TcA55CriL784Q==
 
 axios@^0.16.2:
   version "0.16.2"
@@ -6816,6 +6938,14 @@ buffer@^4.3.0:
     ieee754 "^1.1.4"
     isarray "^1.0.0"
 
+buffer@^5.2.1:
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.6.0.tgz#a31749dc7d81d84db08abf937b6b8c4033f62786"
+  integrity sha512-/gDYp/UtU0eA1ys8bOs9J6a+E/KWIY+DZ+Q2WESNUA0jFRsJOc0SNUO6xJ5SGA1xueg3NL65W6s+NY5l9cunuw==
+  dependencies:
+    base64-js "^1.0.2"
+    ieee754 "^1.1.4"
+
 builtin-modules@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f"
@@ -6924,6 +7054,29 @@ cacache@^12.0.0, cacache@^12.0.2, cacache@^12.0.3:
     unique-filename "^1.1.1"
     y18n "^4.0.0"
 
+cacache@^15.0.5:
+  version "15.0.5"
+  resolved "https://registry.yarnpkg.com/cacache/-/cacache-15.0.5.tgz#69162833da29170d6732334643c60e005f5f17d0"
+  integrity sha512-lloiL22n7sOjEEXdL8NAjTgv9a1u43xICE9/203qonkZUCj5X1UEWIdf2/Y0d6QcCtMzbKQyhrcDbdvlZTs/+A==
+  dependencies:
+    "@npmcli/move-file" "^1.0.1"
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
+    glob "^7.1.4"
+    infer-owner "^1.0.4"
+    lru-cache "^6.0.0"
+    minipass "^3.1.1"
+    minipass-collect "^1.0.2"
+    minipass-flush "^1.0.5"
+    minipass-pipeline "^1.2.2"
+    mkdirp "^1.0.3"
+    p-map "^4.0.0"
+    promise-inflight "^1.0.1"
+    rimraf "^3.0.2"
+    ssri "^8.0.0"
+    tar "^6.0.2"
+    unique-filename "^1.1.1"
+
 cacache@^9.2.9:
   version "9.3.0"
   resolved "https://registry.yarnpkg.com/cacache/-/cacache-9.3.0.tgz#9cd58f2dd0b8c8cacf685b7067b416d6d3cf9db1"
@@ -7056,6 +7209,14 @@ camel-case@3.0.x, camel-case@^3.0.0:
     no-case "^2.2.0"
     upper-case "^1.1.1"
 
+camel-case@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.1.tgz#1fc41c854f00e2f7d0139dfeba1542d6896fe547"
+  integrity sha512-7fa2WcG4fYFkclIvEmxBbTvmibwF2/agfEBc6q3lOpVu0A13ltLsA+Hr/8Hp6kp5f+G7hKi6t8lys6XxP+1K6Q==
+  dependencies:
+    pascal-case "^3.1.1"
+    tslib "^1.10.0"
+
 camelcase-css@2.0.1, camelcase-css@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
@@ -7342,12 +7503,28 @@ chownr@^1.0.1, chownr@^1.1.1, chownr@^1.1.2, chownr@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.3.tgz#42d837d5239688d55f303003a508230fa6727142"
 
+chownr@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
+  integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
+
 chrome-trace-event@^1.0.0, chrome-trace-event@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz#234090ee97c7d4ad1a2c4beae27505deffc608a4"
   dependencies:
     tslib "^1.9.0"
 
+chromedriver@^78.0.1:
+  version "78.0.1"
+  resolved "https://registry.yarnpkg.com/chromedriver/-/chromedriver-78.0.1.tgz#2db3425a2cba6fcaf1a41d9538b16c3d06fa74a8"
+  integrity sha512-eOsyFk4xb9EECs1VMrDbxO713qN+Bu1XUE8K9AuePc3839TPdAegg72kpXSzkeNqRNZiHbnJUItIVCLFkDqceA==
+  dependencies:
+    del "^4.1.1"
+    extract-zip "^1.6.7"
+    mkdirp "^0.5.1"
+    request "^2.88.0"
+    tcp-port-used "^1.0.1"
+
 ci-info@2.0.0, ci-info@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
@@ -7380,7 +7557,7 @@ classnames@^2.2.5:
   version "2.2.6"
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.6.tgz#43935bffdd291f326dad0a205309b38d00f650ce"
 
-clean-css@4.2.x:
+clean-css@4.2.x, clean-css@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.3.tgz#507b5de7d97b48ee53d84adb0160ff6216380f78"
   integrity sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA==
@@ -7514,14 +7691,6 @@ cliui@^5.0.0:
     strip-ansi "^5.2.0"
     wrap-ansi "^5.1.0"
 
-cliui@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    wrap-ansi "^6.2.0"
-
 clone-buffer@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/clone-buffer/-/clone-buffer-1.0.0.tgz#e3e25b207ac4e701af721e2cb5a16792cac3dc58"
@@ -7796,6 +7965,16 @@ commander@2.6.0:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.6.0.tgz#9df7e52fb2a0cb0fb89058ee80c3104225f37e1d"
 
+commander@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
+commander@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-5.1.0.tgz#46abbd1652f8e059bddaef99bbdcb2ad9cf179ae"
+  integrity sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==
+
 commander@~2.13.0:
   version "2.13.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.13.0.tgz#6964bca67685df7c1f1430c584f07d7597885b9c"
@@ -7899,7 +8078,7 @@ concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
 
-concat-stream@1.6.2, concat-stream@^1.4.7, concat-stream@^1.5.0:
+concat-stream@1.6.2, concat-stream@^1.4.7, concat-stream@^1.5.0, concat-stream@^1.6.2:
   version "1.6.2"
   resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
   dependencies:
@@ -8158,6 +8337,23 @@ copy-to@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/copy-to/-/copy-to-2.0.1.tgz#2680fbb8068a48d08656b6098092bdafc906f4a5"
 
+copy-webpack-plugin@^6.1.0:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/copy-webpack-plugin/-/copy-webpack-plugin-6.1.1.tgz#737a3ba21c16cc6ddca972f5cf8de25568ca0616"
+  integrity sha512-4TlkHFYkrZ3WppLA5XkPmBLI5lnEpFsXvpeqxCf5PzkratZiVklNXsvoQkLhUU43q7ZL3AOXtaHAd9jLNJoU0w==
+  dependencies:
+    cacache "^15.0.5"
+    fast-glob "^3.2.4"
+    find-cache-dir "^3.3.1"
+    glob-parent "^5.1.1"
+    globby "^11.0.1"
+    loader-utils "^2.0.0"
+    normalize-path "^3.0.0"
+    p-limit "^3.0.2"
+    schema-utils "^2.7.1"
+    serialize-javascript "^5.0.1"
+    webpack-sources "^1.4.3"
+
 copyfiles@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/copyfiles/-/copyfiles-2.2.0.tgz#d9fc6c06f299337fb7eeb7ea5887e9d7188d9d47"
@@ -8411,6 +8607,25 @@ css-loader@^1.0.1:
     postcss-value-parser "^3.3.0"
     source-list-map "^2.0.0"
 
+css-loader@^3.5.3:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-3.6.0.tgz#2e4b2c7e6e2d27f8c8f28f61bffcd2e6c91ef645"
+  integrity sha512-M5lSukoWi1If8dhQAUCvj4H8vUt3vOnwbQBH9DdTm/s4Ym2B/3dPMtYZeJmq7Q3S3Pa+I94DcZ7pc9bP14cWIQ==
+  dependencies:
+    camelcase "^5.3.1"
+    cssesc "^3.0.0"
+    icss-utils "^4.1.1"
+    loader-utils "^1.2.3"
+    normalize-path "^3.0.0"
+    postcss "^7.0.32"
+    postcss-modules-extract-imports "^2.0.0"
+    postcss-modules-local-by-default "^3.0.2"
+    postcss-modules-scope "^2.2.0"
+    postcss-modules-values "^3.0.0"
+    postcss-value-parser "^4.1.0"
+    schema-utils "^2.7.0"
+    semver "^6.3.0"
+
 css-select-base-adapter@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz#3b2ff4972cc362ab88561507a95408a1432135d7"
@@ -8617,6 +8832,11 @@ csstype@^2.2.0:
   version "2.6.7"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.7.tgz#20b0024c20b6718f4eda3853a1f5a1cce7f5e4a5"
 
+csstype@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.3.tgz#2b410bbeba38ba9633353aff34b05d9755d065f8"
+  integrity sha512-jPl+wbWPOWJ7SXsWyqGRk3lGecbar0Cb0OvZF/r/ZU011R4YqiRehgkQ9p4eQfo9DSDLqLL3wHwfxeJiuIsNag==
+
 currently-unhandled@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea"
@@ -9066,6 +9286,20 @@ debug@3.2.6, debug@^3.0.0, debug@^3.1.0, debug@^3.1.1, debug@^3.2.5, debug@^3.2.
   dependencies:
     ms "^2.1.1"
 
+debug@4:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.2.0.tgz#7f150f93920e94c58f5574c2fd01a3110effe7f1"
+  integrity sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==
+  dependencies:
+    ms "2.1.2"
+
+debug@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.0.tgz#373687bffa678b38b1cd91f861b63850035ddc87"
+  integrity sha512-heNPJUJIqC+xB6ayLAMHaIrmN9HKa7aQO8MGqKpvCA+uJYVcvR6l5kgdrhRuwPFHU7P5/A1w0BjByPHwpfTDKg==
+  dependencies:
+    ms "^2.1.1"
+
 debuglog@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/debuglog/-/debuglog-1.0.1.tgz#aa24ffb9ac3df9a2351837cfb2d279360cd78492"
@@ -9149,7 +9383,7 @@ deep-extend@^0.6.0, deep-extend@~0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
 
-deep-is@~0.1.3:
+deep-is@^0.1.3, deep-is@~0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
 
@@ -9288,7 +9522,7 @@ depd@^1.1.2, depd@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
 
-depd@^2.0.0, depd@~2.0.0:
+depd@~2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
 
@@ -9583,6 +9817,14 @@ dot-case@^2.1.0:
   dependencies:
     no-case "^2.2.0"
 
+dot-case@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.3.tgz#21d3b52efaaba2ea5fda875bb1aa8124521cf4aa"
+  integrity sha512-7hwEmg6RiSQfm/GwPL4AAWXKy3YNNZA3oFv2Pdiey0mwkRCPZ9x6SZbkLcn8Ma5PYeVokzoD4Twv2n7LKp5WeA==
+  dependencies:
+    no-case "^3.0.3"
+    tslib "^1.10.0"
+
 dot-prop@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-3.0.0.tgz#1b708af094a49c9a0e7dbcad790aba539dac1177"
@@ -9797,6 +10039,15 @@ enhanced-resolve@^4.0.0, enhanced-resolve@^4.1.0:
     memory-fs "^0.5.0"
     tapable "^1.0.0"
 
+enhanced-resolve@^4.1.1, enhanced-resolve@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.3.0.tgz#3b806f3bfafc1ec7de69551ef93cca46c1704126"
+  integrity sha512-3e87LvavsdxyoCfGusJnrZ5G8SLPOFeHSNpZI/ATL9a5leXo2k0w6MKnbqhdBad9qTobSfB20Ld7UmgoNbAZkQ==
+  dependencies:
+    graceful-fs "^4.1.2"
+    memory-fs "^0.5.0"
+    tapable "^1.0.0"
+
 entities@^1.1.1, entities@~1.1.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.2.tgz#bdfa735299664dfafd34529ed4f8522a275fea56"
@@ -10842,6 +11093,27 @@ extract-zip@1.6.7:
     mkdirp "0.5.1"
     yauzl "2.4.1"
 
+extract-zip@^1.6.7:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-1.7.0.tgz#556cc3ae9df7f452c493a0cfb51cc30277940927"
+  integrity sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==
+  dependencies:
+    concat-stream "^1.6.2"
+    debug "^2.6.9"
+    mkdirp "^0.5.4"
+    yauzl "^2.10.0"
+
+extract-zip@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-2.0.1.tgz#663dca56fe46df890d5f131ef4a06d22bb8ba13a"
+  integrity sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==
+  dependencies:
+    debug "^4.1.1"
+    get-stream "^5.1.0"
+    yauzl "^2.10.0"
+  optionalDependencies:
+    "@types/yauzl" "^2.9.1"
+
 extsprintf@1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
@@ -10896,6 +11168,18 @@ fast-glob@^3.0.3:
     merge2 "^1.3.0"
     micromatch "^4.0.2"
 
+fast-glob@^3.1.1, fast-glob@^3.2.4:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.4.tgz#d20aefbf99579383e7f3cc66529158c9b98554d3"
+  integrity sha512-kr/Oo6PX51265qeuCYsyGypiO5uJFgBS0jksyG7FUeCyQzNwYnzrNIMR1NXfkZXsMYXYLRAHgISHBz8gQcxKHQ==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.0"
+    merge2 "^1.3.0"
+    micromatch "^4.0.2"
+    picomatch "^2.2.1"
+
 fast-json-stable-stringify@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz#d5142c0caee6b1189f87d3a76111064f86c8bbf2"
@@ -11022,6 +11306,14 @@ file-loader@^1.1.11:
     loader-utils "^1.0.2"
     schema-utils "^0.4.5"
 
+file-loader@^6.0.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.1.0.tgz#65b9fcfb0ea7f65a234a1f10cdd7f1ab9a33f253"
+  integrity sha512-26qPdHyTsArQ6gU4P1HJbAbnFTyT2r0pG7czh1GFAd9TZbj0n94wWbupgixZH/ET/meqi2/5+F7DhW4OAXD+Lg==
+  dependencies:
+    loader-utils "^2.0.0"
+    schema-utils "^2.7.1"
+
 file-name@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/file-name/-/file-name-0.1.0.tgz#12b122f120f9c34dbc176c1ab81a548aced6def7"
@@ -11132,7 +11424,7 @@ find-cache-dir@^2.0.0, find-cache-dir@^2.1.0:
     make-dir "^2.0.0"
     pkg-dir "^3.0.0"
 
-find-cache-dir@^3.2.0:
+find-cache-dir@^3.2.0, find-cache-dir@^3.3.1:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.1.tgz#89b33fad4a4670daa94f855f7fbe31d6d84fe880"
   dependencies:
@@ -12286,6 +12578,13 @@ glob-parent@^5.0.0, glob-parent@^5.1.0, glob-parent@~5.1.0:
   dependencies:
     is-glob "^4.0.1"
 
+glob-parent@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229"
+  integrity sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==
+  dependencies:
+    is-glob "^4.0.1"
+
 glob-to-regexp@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
@@ -12349,7 +12648,7 @@ global-modules@1.0.0, global-modules@^1.0.0:
     is-windows "^1.0.1"
     resolve-dir "^1.0.0"
 
-global-modules@2.0.0:
+global-modules@2.0.0, global-modules@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780"
   dependencies:
@@ -12450,6 +12749,18 @@ globby@8.0.2, globby@^8.0.1:
     pify "^3.0.0"
     slash "^1.0.0"
 
+globby@^11.0.1:
+  version "11.0.1"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.0.1.tgz#9a2bf107a068f3ffeabc49ad702c79ede8cfd357"
+  integrity sha512-iH9RmgwCmUJHi2z5o2l3eTtGBtXek1OYlHrbcxOYugyHLmAsZrPj43OtHThd62Buh/Vv6VyCBD2bdyWcGNQqoQ==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.1.1"
+    ignore "^5.1.4"
+    merge2 "^1.3.0"
+    slash "^3.0.0"
+
 globby@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
@@ -12950,7 +13261,7 @@ hastscript@^5.0.0:
     property-information "^5.0.1"
     space-separated-tokens "^1.0.0"
 
-he@1.2.x:
+he@1.2.x, he@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
@@ -13074,10 +13385,28 @@ html-entities@^1.2.0, html-entities@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.2.1.tgz#0df29351f0721163515dfb9e5543e5f6eed5162f"
 
+html-entities@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.3.1.tgz#fb9a1a4b5b14c5daba82d3e34c6ae4fe701a0e44"
+  integrity sha512-rhE/4Z3hIhzHAUKbW8jVcCyuT5oJCXXqhN/6mXXVCpzTmvJnoH2HL/bt3EZ6p55jbFJBeAe1ZNpL5BugLujxNA==
+
 html-formatter@0.1.9:
   version "0.1.9"
   resolved "https://registry.yarnpkg.com/html-formatter/-/html-formatter-0.1.9.tgz#58e8859712f3d4d9e7094027517c4c46f4c336b8"
 
+html-minifier-terser@^5.0.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz#922e96f1f3bb60832c2634b79884096389b1f054"
+  integrity sha512-ZPr5MNObqnV/T9akshPKbVgyOqLmy+Bxo7juKCfTfnjNniTAMdy4hz21YQqoofMBJD2kdREaqPPdThoR78Tgxg==
+  dependencies:
+    camel-case "^4.1.1"
+    clean-css "^4.2.3"
+    commander "^4.1.1"
+    he "^1.2.0"
+    param-case "^3.0.3"
+    relateurl "^0.2.7"
+    terser "^4.6.3"
+
 html-minifier@^3.2.3:
   version "3.5.21"
   resolved "https://registry.yarnpkg.com/html-minifier/-/html-minifier-3.5.21.tgz#d0040e054730e354db008463593194015212d20c"
@@ -13116,6 +13445,21 @@ html-webpack-plugin@4.0.0-alpha.2:
     tapable "^1.0.0"
     util.promisify "1.0.0"
 
+html-webpack-plugin@^4.3.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-4.5.0.tgz#625097650886b97ea5dae331c320e3238f6c121c"
+  integrity sha512-MouoXEYSjTzCrjIxWwg8gxL5fE2X2WZJLmBYXlaJhQUH5K/b5OrqmV7T4dB7iu0xkmJ6JlUuV6fFVtnqbPopZw==
+  dependencies:
+    "@types/html-minifier-terser" "^5.0.0"
+    "@types/tapable" "^1.0.5"
+    "@types/webpack" "^4.41.8"
+    html-minifier-terser "^5.0.1"
+    loader-utils "^1.2.3"
+    lodash "^4.17.15"
+    pretty-error "^2.1.1"
+    tapable "^1.1.3"
+    util.promisify "1.0.0"
+
 htmlparser2@^3.3.0, htmlparser2@^3.9.1:
   version "3.10.1"
   resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f"
@@ -13248,6 +13592,14 @@ https-proxy-agent@^2.1.0, https-proxy-agent@^2.2.1, https-proxy-agent@^2.2.3:
     agent-base "^4.3.0"
     debug "^3.1.0"
 
+https-proxy-agent@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-4.0.0.tgz#702b71fb5520a132a66de1f67541d9e62154d82b"
+  integrity sha512-zoDhWrkR3of1l9QAL8/scJZyLu8j/gBkcwcaQOZh7Gyh/+uJQzGVETdgT30akuwkpL8HTRfssqI3BZuV18teDg==
+  dependencies:
+    agent-base "5"
+    debug "4"
+
 human-signals@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
@@ -13292,6 +13644,13 @@ icss-utils@^2.1.0:
   dependencies:
     postcss "^6.0.1"
 
+icss-utils@^4.0.0, icss-utils@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-4.1.1.tgz#21170b53789ee27447c2f47dd683081403f9a467"
+  integrity sha512-4aFq7wvWyMHKgxsH8QQtGpvbASCf+eM3wPRLI6R+MgAnTCZ6STYsRvttLvRWK0Nfif5piF394St3HeJDaljGPA==
+  dependencies:
+    postcss "^7.0.14"
+
 identity-obj-proxy@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz#94d2bda96084453ef36fbc5aaec37e0f79f1fc14"
@@ -13325,14 +13684,15 @@ ignore@^5.1.1:
   version "5.1.4"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.4.tgz#84b7b3dbe64552b6ef0eca99f6743dbec6d97adf"
 
+ignore@^5.1.4:
+  version "5.1.8"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57"
+  integrity sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==
+
 image-size@^0.6.2:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.6.3.tgz#e7e5c65bb534bd7cdcedd6cb5166272a85f75fb2"
 
-immediate@~3.0.5:
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
-
 immer@1.10.0:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/immer/-/immer-1.10.0.tgz#bad67605ba9c810275d91e1c2a47d4582e98286d"
@@ -13704,6 +14064,11 @@ interpret@^1.0.0, interpret@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.2.0.tgz#d5061a6224be58e8083985f5014d844359576296"
 
+interpret@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e"
+  integrity sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==
+
 into-stream@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/into-stream/-/into-stream-3.1.0.tgz#96fb0a936c12babd6ff1752a17d05616abd094c6"
@@ -14305,7 +14670,7 @@ is-upper-case@^1.1.0:
   dependencies:
     upper-case "^1.1.0"
 
-is-url@^1.2.4:
+is-url@^1.2.2, is-url@^1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/is-url/-/is-url-1.2.4.tgz#04a4df46d28c4cff3d73d01ff06abeb318a1aa52"
 
@@ -14359,6 +14724,15 @@ is-yarn-global@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/is-yarn-global/-/is-yarn-global-0.3.0.tgz#d502d3382590ea3004893746754c89139973e232"
 
+is2@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is2/-/is2-2.0.1.tgz#8ac355644840921ce435d94f05d3a94634d3481a"
+  integrity sha512-+WaJvnaA7aJySz2q/8sLjMb2Mw14KTplHmSwcSpZ/fWJPkUmqw3YTzSWbPJ7OAwRvdYTWF2Wg+yYJ1AdP5Z8CA==
+  dependencies:
+    deep-is "^0.1.3"
+    ip-regex "^2.1.0"
+    is-url "^1.2.2"
+
 isarray@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
@@ -15629,15 +16003,6 @@ jsx-ast-utils@^2.2.3:
     array-includes "^3.0.3"
     object.assign "^4.1.0"
 
-jszip@^3.1.5:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/jszip/-/jszip-3.2.2.tgz#b143816df7e106a9597a94c77493385adca5bd1d"
-  dependencies:
-    lie "~3.3.0"
-    pako "~1.0.2"
-    readable-stream "~2.3.6"
-    set-immediate-shim "~1.0.1"
-
 junit-merge@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/junit-merge/-/junit-merge-2.0.0.tgz#5f67c2bd837cd491c83a17614925d16c781a83d2"
@@ -16033,12 +16398,6 @@ libnpmteam@^1.0.2:
     get-stream "^4.0.0"
     npm-registry-fetch "^4.0.0"
 
-lie@~3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/lie/-/lie-3.3.0.tgz#dcf82dee545f46074daf200c7c1c5a08e0f40f6a"
-  dependencies:
-    immediate "~3.0.5"
-
 liftoff@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/liftoff/-/liftoff-2.5.0.tgz#2009291bb31cea861bbf10a7c15a28caf75c31ec"
@@ -16178,6 +16537,15 @@ loader-utils@^1.0.1, loader-utils@^1.4.0:
     emojis-list "^3.0.0"
     json5 "^1.0.1"
 
+loader-utils@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.0.tgz#e4cace5b816d425a166b5f097e10cd12b36064b0"
+  integrity sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
+
 local-web-server@^2.6.1:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/local-web-server/-/local-web-server-2.6.1.tgz#6c96bc3193edb00b5ba1d483607a71af6d5509e7"
@@ -16403,7 +16771,7 @@ lodash@4.17.15, lodash@^4.0.0, lodash@^4.11.1, lodash@^4.15.0, lodash@^4.17.10,
   version "4.17.15"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
 
-"lodash@>=3.5 <5":
+"lodash@>=3.5 <5", lodash@^4:
   version "4.17.20"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
   integrity sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==
@@ -16439,7 +16807,7 @@ log-update@^3.0.0:
     cli-cursor "^2.1.0"
     wrap-ansi "^5.0.0"
 
-loglevel@^1.4.1:
+loglevel@^1.4.1, loglevel@^1.6.8:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.7.0.tgz#728166855a740d59d38db01cf46f042caa041bb0"
   integrity sha512-i2sY04nal5jDcagM3FMfG++T69GEEM8CYuOfeOIvmXzOIcwE9a/CJPR0MFM97pYMj/u10lzz7/zd7+qwhrBTqQ==
@@ -16490,6 +16858,13 @@ lower-case@^1.1.0, lower-case@^1.1.1, lower-case@^1.1.2:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
 
+lower-case@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.1.tgz#39eeb36e396115cc05e29422eaea9e692c9408c7"
+  integrity sha512-LiWgfDLLb1dwbFQZsSglpRj+1ctGnayXz3Uv0/WO8n558JycT5fg6zkNcnW0G68Nn0aEldTFeEfmjCfmqry/rQ==
+  dependencies:
+    tslib "^1.10.0"
+
 lowercase-keys@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.0.tgz#4e3366b39e7f5457e35f1324bdf6f88d0bfc7306"
@@ -16522,6 +16897,13 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
+lru-cache@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
+  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
+  dependencies:
+    yallist "^4.0.0"
+
 lws-basic-auth@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/lws-basic-auth/-/lws-basic-auth-0.1.1.tgz#d28856060572695b3811941d9f038517c4dbb34d"
@@ -17096,7 +17478,7 @@ micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4, micromatch@^3.1.8, mic
     snapdragon "^0.8.1"
     to-regex "^3.0.2"
 
-micromatch@^4.0.2:
+micromatch@^4.0.0, micromatch@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.2.tgz#4fcb0999bf9fbc2fcbdd212f6d629b9a56c39259"
   dependencies:
@@ -17114,6 +17496,11 @@ mime-db@1.40.0:
   version "1.40.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.40.0.tgz#a65057e998db090f732a68f6c276d387d4126c32"
 
+mime-db@1.44.0:
+  version "1.44.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.44.0.tgz#fa11c5eb0aca1334b4233cb4d52f10c5a6272f92"
+  integrity sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==
+
 "mime-db@>= 1.40.0 < 2":
   version "1.42.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.42.0.tgz#3e252907b4c7adb906597b4b65636272cf9e7bac"
@@ -17124,6 +17511,13 @@ mime-types@^2.1.12, mime-types@^2.1.18, mime-types@~2.1.17, mime-types@~2.1.18,
   dependencies:
     mime-db "1.40.0"
 
+mime-types@^2.1.26:
+  version "2.1.27"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.27.tgz#47949f98e279ea53119f5722e0f34e529bec009f"
+  integrity sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==
+  dependencies:
+    mime-db "1.44.0"
+
 mime@1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
@@ -17185,6 +17579,16 @@ mini-css-extract-plugin@^0.8.2:
     schema-utils "^1.0.0"
     webpack-sources "^1.1.0"
 
+mini-css-extract-plugin@^0.9.0:
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz#47f2cf07aa165ab35733b1fc97d4c46c0564339e"
+  integrity sha512-lp3GeY7ygcgAmVIcRPBVhIkf8Us7FZjA+ILpal44qLdSu11wmjKQ3d9k15lfD7pO4esu9eUIAW7qiYIBppv40A==
+  dependencies:
+    loader-utils "^1.1.0"
+    normalize-url "1.9.1"
+    schema-utils "^1.0.0"
+    webpack-sources "^1.1.0"
+
 minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
@@ -17232,6 +17636,27 @@ minimist@~0.0.1:
   version "0.0.10"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
 
+minipass-collect@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/minipass-collect/-/minipass-collect-1.0.2.tgz#22b813bf745dc6edba2576b940022ad6edc8c617"
+  integrity sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==
+  dependencies:
+    minipass "^3.0.0"
+
+minipass-flush@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/minipass-flush/-/minipass-flush-1.0.5.tgz#82e7135d7e89a50ffe64610a787953c4c4cbb373"
+  integrity sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==
+  dependencies:
+    minipass "^3.0.0"
+
+minipass-pipeline@^1.2.2:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz#68472f79711c084657c067c5c6ad93cddea8214c"
+  integrity sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==
+  dependencies:
+    minipass "^3.0.0"
+
 minipass@^2.3.5, minipass@^2.6.0, minipass@^2.8.6, minipass@^2.9.0:
   version "2.9.0"
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.9.0.tgz#e713762e7d3e32fed803115cf93e04bca9fcc9a6"
@@ -17245,6 +17670,13 @@ minipass@^3.0.0:
   dependencies:
     yallist "^4.0.0"
 
+minipass@^3.1.1:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.1.3.tgz#7d42ff1f39635482e15f9cdb53184deebd5815fd"
+  integrity sha512-Mgd2GdMVzY+x3IJ+oHnVM+KG3lA5c8tnabyJKmHSaG2kAGpudxuOf8ToDkhumF7UzME7DecbQE9uOZhNm7PuJg==
+  dependencies:
+    yallist "^4.0.0"
+
 minizlib@^1.2.1:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-1.3.3.tgz#2290de96818a34c29551c8a8d301216bd65a861d"
@@ -17258,6 +17690,14 @@ minizlib@^2.1.0:
     minipass "^3.0.0"
     yallist "^4.0.0"
 
+minizlib@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
+  integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==
+  dependencies:
+    minipass "^3.0.0"
+    yallist "^4.0.0"
+
 mississippi@^1.2.0, mississippi@^1.3.0:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/mississippi/-/mississippi-1.3.1.tgz#2a8bb465e86550ac8b36a7b6f45599171d78671e"
@@ -17334,12 +17774,17 @@ mkdirp@*, mkdirp@0.5.1, mkdirp@0.x.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0
   dependencies:
     minimist "0.0.8"
 
-mkdirp@^0.5.3, mkdirp@^0.5.5:
+mkdirp@^0.5.3, mkdirp@^0.5.4, mkdirp@^0.5.5:
   version "0.5.5"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
   dependencies:
     minimist "^1.2.5"
 
+mkdirp@^1.0.3, mkdirp@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
+  integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
+
 mobx-react-lite@2:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/mobx-react-lite/-/mobx-react-lite-2.0.6.tgz#e1307a2b271c6a6016c8ad815a25014b7f95997d"
@@ -17405,7 +17850,7 @@ ms@2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
 
-ms@^2.0.0, ms@^2.1.1:
+ms@2.1.2, ms@^2.0.0, ms@^2.1.1:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
 
@@ -17556,6 +18001,14 @@ no-case@^2.2.0, no-case@^2.3.2:
   dependencies:
     lower-case "^1.1.1"
 
+no-case@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.3.tgz#c21b434c1ffe48b39087e86cfb4d2582e9df18f8"
+  integrity sha512-ehY/mVQCf9BL0gKfsJBvFJen+1V//U+0HQMPrWct40ixE4jnv0bfvxDbWtAHL9EcaPEOJHVVYKoQn1TlZUB8Tw==
+  dependencies:
+    lower-case "^2.0.1"
+    tslib "^1.10.0"
+
 node-abi@^2.7.0:
   version "2.12.0"
   resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-2.12.0.tgz#40e9cfabdda1837863fa825e7dfa0b15686adf6f"
@@ -18498,6 +18951,13 @@ p-limit@^2.0.0, p-limit@^2.2.0:
   dependencies:
     p-try "^2.0.0"
 
+p-limit@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.0.2.tgz#1664e010af3cadc681baafd3e2a437be7b0fb5fe"
+  integrity sha512-iwqZSOoWIW+Ew4kAGUlN16J4M7OB3ysMLSZtnhmqx7njIHFPlxWBX8xo3lVTyFVq6mI/lL9qt2IsN1sHwaxJkg==
+  dependencies:
+    p-try "^2.0.0"
+
 p-locate@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
@@ -18536,6 +18996,13 @@ p-map@^3.0.0:
   dependencies:
     aggregate-error "^3.0.0"
 
+p-map@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/p-map/-/p-map-4.0.0.tgz#bb2f95a5eda2ec168ec9274e06a747c3e2904d2b"
+  integrity sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==
+  dependencies:
+    aggregate-error "^3.0.0"
+
 p-pipe@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/p-pipe/-/p-pipe-1.2.0.tgz#4b1a11399a11520a67790ee5a0c1d5881d6befe9"
@@ -18687,7 +19154,7 @@ pad-component@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/pad-component/-/pad-component-0.0.1.tgz#ad1f22ce1bf0fdc0d6ddd908af17f351a404b8ac"
 
-pako@~1.0.2, pako@~1.0.5:
+pako@~1.0.5:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.10.tgz#4328badb5086a426aa90f541977d4955da5c9732"
 
@@ -18705,6 +19172,14 @@ param-case@2.1.x, param-case@^2.1.0:
   dependencies:
     no-case "^2.2.0"
 
+param-case@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.3.tgz#4be41f8399eff621c56eebb829a5e451d9801238"
+  integrity sha512-VWBVyimc1+QrzappRs7waeN2YmoZFCGXWASRYX1/rGHtXqEcrGEIDm+jqIwFa2fRXNgQEwrxaYuIrX0WcAguTA==
+  dependencies:
+    dot-case "^3.0.3"
+    tslib "^1.10.0"
+
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
@@ -18892,6 +19367,14 @@ pascal-case@^2.0.0:
     camel-case "^3.0.0"
     upper-case-first "^1.1.0"
 
+pascal-case@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.1.tgz#5ac1975133ed619281e88920973d2cd1f279de5f"
+  integrity sha512-XIeHKqIrsquVTQL2crjq3NfJUxmdLasn3TYOU0VBM+UX2a6ztAWBlJQBePLGY7VHW8+2dRadeIPK5+KImwTxQA==
+  dependencies:
+    no-case "^3.0.3"
+    tslib "^1.10.0"
+
 pascalcase@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
@@ -19221,7 +19704,7 @@ portfinder@^1.0.25:
     debug "^3.1.1"
     mkdirp "^0.5.1"
 
-portfinder@^1.0.9:
+portfinder@^1.0.26, portfinder@^1.0.9:
   version "1.0.28"
   resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.28.tgz#67c4622852bd5374dd1dd900f779f53462fac778"
   integrity sha512-Se+2isanIcEqf2XMHjyUKskczxbPH7dQnlMjXX6+dybayyHvAf/TCgyMRlzf/B6QDhAEFOGes0pzRo3by4AbMA==
@@ -19539,6 +20022,13 @@ postcss-modules-extract-imports@^1.2.0:
   dependencies:
     postcss "^6.0.1"
 
+postcss-modules-extract-imports@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz#818719a1ae1da325f9832446b01136eeb493cd7e"
+  integrity sha512-LaYLDNS4SG8Q5WAWqIJgdHPJrDDr/Lv775rMBFUbgjTz6j34lUznACHcdRWroPvXANP2Vj7yNK57vp9eFqzLWQ==
+  dependencies:
+    postcss "^7.0.5"
+
 postcss-modules-local-by-default@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz#f7d80c398c5a393fa7964466bd19500a7d61c069"
@@ -19546,6 +20036,16 @@ postcss-modules-local-by-default@^1.2.0:
     css-selector-tokenizer "^0.7.0"
     postcss "^6.0.1"
 
+postcss-modules-local-by-default@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.3.tgz#bb14e0cc78279d504dbdcbfd7e0ca28993ffbbb0"
+  integrity sha512-e3xDq+LotiGesympRlKNgaJ0PCzoUIdpH0dj47iWAui/kyTgh3CiAr1qP54uodmJhl6p9rN6BoNcdEDVJx9RDw==
+  dependencies:
+    icss-utils "^4.1.1"
+    postcss "^7.0.32"
+    postcss-selector-parser "^6.0.2"
+    postcss-value-parser "^4.1.0"
+
 postcss-modules-scope@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz#d6ea64994c79f97b62a72b426fbe6056a194bb90"
@@ -19553,6 +20053,14 @@ postcss-modules-scope@^1.1.0:
     css-selector-tokenizer "^0.7.0"
     postcss "^6.0.1"
 
+postcss-modules-scope@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz#385cae013cc7743f5a7d7602d1073a89eaae62ee"
+  integrity sha512-YyEgsTMRpNd+HmyC7H/mh3y+MeFWevy7V1evVhJWewmMbjDHIbZbOXICC2y+m1xI1UVfIT1HMW/O04Hxyu9oXQ==
+  dependencies:
+    postcss "^7.0.6"
+    postcss-selector-parser "^6.0.0"
+
 postcss-modules-values@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-1.3.0.tgz#ecffa9d7e192518389f42ad0e83f72aec456ea20"
@@ -19560,6 +20068,14 @@ postcss-modules-values@^1.3.0:
     icss-replace-symbols "^1.1.0"
     postcss "^6.0.1"
 
+postcss-modules-values@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-3.0.0.tgz#5b5000d6ebae29b4255301b4a3a54574423e7f10"
+  integrity sha512-1//E5jCBrZ9DmRX+zCtmQtRSV6PV42Ix7Bzj9GbwJceduuf7IqP8MgeTXuRDHOWj2m0VzZD5+roFWDuU8RQjcg==
+  dependencies:
+    icss-utils "^4.0.0"
+    postcss "^7.0.6"
+
 postcss-nesting@^7.0.0:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-7.0.1.tgz#b50ad7b7f0173e5b5e3880c3501344703e04c052"
@@ -19781,6 +20297,16 @@ postcss-selector-parser@^5.0.0-rc.3, postcss-selector-parser@^5.0.0-rc.4:
     indexes-of "^1.0.1"
     uniq "^1.0.1"
 
+postcss-selector-parser@^6.0.0:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.3.tgz#766d77728728817cc140fa1ac6da5e77f9fada98"
+  integrity sha512-0ClFaY4X1ra21LRqbW6y3rUbWcxnSVkDFG57R7Nxus9J9myPFlv+jYDMohzpkBx0RrjjiqjtycpchQ+PLGmZ9w==
+  dependencies:
+    cssesc "^3.0.0"
+    indexes-of "^1.0.1"
+    uniq "^1.0.1"
+    util-deprecate "^1.0.2"
+
 postcss-selector-parser@^6.0.2:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz#934cf799d016c83411859e09dcecade01286ec5c"
@@ -19845,7 +20371,7 @@ postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.5:
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
-postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.32:
+postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.32, postcss@^7.0.6:
   version "7.0.34"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.34.tgz#f2baf57c36010df7de4009940f21532c16d65c20"
   integrity sha512-H/7V2VeNScX9KE83GDrDZNiGT1m2H+UTnlinIzhjlLX9hfMUn1mHNnGeX81a1c8JSBdBvqk7c2ZOG6ZPn5itGw==
@@ -19994,7 +20520,7 @@ progress@1.1.8:
   version "1.1.8"
   resolved "https://registry.yarnpkg.com/progress/-/progress-1.1.8.tgz#e260c78f6161cdd9b0e56cc3e0a85de17c7a57be"
 
-progress@^2.0.0, progress@^2.0.3:
+progress@^2.0.0, progress@^2.0.1, progress@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
 
@@ -20116,6 +20642,11 @@ proxy-addr@~2.0.5:
     forwarded "~0.1.2"
     ipaddr.js "1.9.0"
 
+proxy-from-env@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
 prr@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
@@ -20180,6 +20711,29 @@ punycode@^1.2.4, punycode@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
 
+puppeteer-cluster@^0.21.0:
+  version "0.21.0"
+  resolved "https://registry.yarnpkg.com/puppeteer-cluster/-/puppeteer-cluster-0.21.0.tgz#79071aa9830312446b18ec9d99fe41f6d80ee103"
+  integrity sha512-/x5mei0vXxFPpJ7iUS+xJ3rOcxxYUa2YeEyuWI9m0M5e8ammPiCXjvOsTcni+4ZAop3L2gpZFkxafPvXWOoRfg==
+  dependencies:
+    debug "^4.1.1"
+
+puppeteer@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/puppeteer/-/puppeteer-3.3.0.tgz#95839af9fdc0aa4de7e5ee073a4c0adeb9e2d3d7"
+  integrity sha512-23zNqRltZ1PPoK28uRefWJ/zKb5Jhnzbbwbpcna2o5+QMn17F0khq5s1bdH3vPlyj+J36pubccR8wiNA/VE0Vw==
+  dependencies:
+    debug "^4.1.0"
+    extract-zip "^2.0.0"
+    https-proxy-agent "^4.0.0"
+    mime "^2.0.3"
+    progress "^2.0.1"
+    proxy-from-env "^1.0.0"
+    rimraf "^3.0.2"
+    tar-fs "^2.0.0"
+    unbzip2-stream "^1.3.3"
+    ws "^7.2.3"
+
 q@^1.1.2, q@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
@@ -20257,7 +20811,7 @@ randomatic@^3.0.0:
     kind-of "^6.0.0"
     math-random "^1.0.1"
 
-randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5:
+randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
   dependencies:
@@ -21063,7 +21617,7 @@ regjsparser@^0.6.4:
   dependencies:
     jsesc "~0.5.0"
 
-relateurl@0.2.x:
+relateurl@0.2.x, relateurl@^0.2.7:
   version "0.2.7"
   resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
   integrity sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=
@@ -21590,6 +22144,13 @@ rimraf@^3.0.0:
   dependencies:
     glob "^7.1.3"
 
+rimraf@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
 ripemd160@^2.0.0, ripemd160@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
@@ -21779,7 +22340,7 @@ sass-loader@7.1.0:
     pify "^3.0.0"
     semver "^5.5.0"
 
-sax@>=0.6.0, sax@^1.2.1, sax@^1.2.4, sax@~1.2.4:
+sax@^1.2.1, sax@^1.2.4, sax@~1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
 
@@ -21836,6 +22397,15 @@ schema-utils@^2.6.5:
     ajv "^6.12.0"
     ajv-keywords "^3.4.1"
 
+schema-utils@^2.7.0, schema-utils@^2.7.1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
+  integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==
+  dependencies:
+    "@types/json-schema" "^7.0.5"
+    ajv "^6.12.4"
+    ajv-keywords "^3.5.2"
+
 scoped-regex@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/scoped-regex/-/scoped-regex-1.0.0.tgz#a346bb1acd4207ae70bd7c0c7ca9e566b6baddb8"
@@ -21870,15 +22440,6 @@ select@^1.1.2:
   resolved "https://registry.yarnpkg.com/select/-/select-1.1.2.tgz#0e7350acdec80b1108528786ec1d4418d11b396d"
   integrity sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=
 
-selenium-webdriver@^4.0.0-alpha.5:
-  version "4.0.0-alpha.5"
-  resolved "https://registry.yarnpkg.com/selenium-webdriver/-/selenium-webdriver-4.0.0-alpha.5.tgz#e4683b3dbf827d70df09a7e43bf02ebad20fa7c1"
-  dependencies:
-    jszip "^3.1.5"
-    rimraf "^2.6.3"
-    tmp "0.0.30"
-    xml2js "^0.4.19"
-
 selfsigned@^1.10.7:
   version "1.10.7"
   resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-1.10.7.tgz#da5819fd049d5574f28e88a9bcc6dbc6e6f3906b"
@@ -21979,6 +22540,13 @@ serialize-javascript@^2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-2.1.2.tgz#ecec53b0e0317bdc95ef76ab7074b7384785fa61"
 
+serialize-javascript@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-5.0.1.tgz#7886ec848049a462467a97d3d918ebb2aaf934f4"
+  integrity sha512-SaaNal9imEO737H2c05Og0/8LUXG7EnsZyMa8MzkmuHoELfT6txuj0cMqRj6zfPKnmQ1yasR4PCJc8x+M4JSPA==
+  dependencies:
+    randombytes "^2.1.0"
+
 serve-index-75lb@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/serve-index-75lb/-/serve-index-75lb-2.0.1.tgz#f07da6462df4cdcd49d8a14bba8f2b4b8a8dce1a"
@@ -22016,10 +22584,6 @@ set-blocking@^2.0.0, set-blocking@~2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
 
-set-immediate-shim@~1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61"
-
 set-value@^2.0.0, set-value@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b"
@@ -22390,6 +22954,15 @@ sockjs@0.3.19:
     faye-websocket "^0.10.0"
     uuid "^3.0.1"
 
+sockjs@0.3.20:
+  version "0.3.20"
+  resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.20.tgz#b26a283ec562ef8b2687b44033a4eeceac75d855"
+  integrity sha512-SpmVOVpdq0DJc0qArhF3E5xsxvaiqGNb73XfgBpK1y3UD5gs8DSo8aCTsuT5pX8rssdc2NDIzANwP9eCAiSdTA==
+  dependencies:
+    faye-websocket "^0.10.0"
+    uuid "^3.4.0"
+    websocket-driver "0.6.5"
+
 socks-proxy-agent@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-3.0.1.tgz#2eae7cf8e2a82d34565761539a7f9718c5617659"
@@ -22550,7 +23123,7 @@ spdy-transport@^3.0.0:
     readable-stream "^3.0.6"
     wbuf "^1.7.3"
 
-spdy@^4.0.0:
+spdy@^4.0.0, spdy@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/spdy/-/spdy-4.0.2.tgz#b74f466203a3eda452c02492b91fb9e84a27677b"
   integrity sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==
@@ -22635,6 +23208,13 @@ ssri@^6.0.0, ssri@^6.0.1:
   dependencies:
     figgy-pudding "^3.5.1"
 
+ssri@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/ssri/-/ssri-8.0.0.tgz#79ca74e21f8ceaeddfcb4b90143c458b8d988808"
+  integrity sha512-aq/pz989nxVYwn16Tsbj1TqFpD5LLrQxHf5zaHuieFV+R0Bbr4y8qUsOA45hXT/N4/9UNXTarBjnjVmjSOVaAA==
+  dependencies:
+    minipass "^3.1.1"
+
 stable@^0.1.8:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
@@ -23334,6 +23914,18 @@ tar@^5.0.5:
     mkdirp "^0.5.0"
     yallist "^4.0.0"
 
+tar@^6.0.2:
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-6.0.5.tgz#bde815086e10b39f1dcd298e89d596e1535e200f"
+  integrity sha512-0b4HOimQHj9nXNEAA7zWwMM91Zhhba3pspja6sQbgTpynOJf+bkjBnfybNYzbpLbnwXnbyB4LOREvlyXLkCHSg==
+  dependencies:
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
+    minipass "^3.0.0"
+    minizlib "^2.1.1"
+    mkdirp "^1.0.3"
+    yallist "^4.0.0"
+
 tarr@1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/tarr/-/tarr-1.1.0.tgz#d7a9532ce97f08f5200b78ae0a82a6883173c8c8"
@@ -23342,6 +23934,14 @@ tarr@1.1.0:
     fstream ">=1.0.12"
     inherits "2"
 
+tcp-port-used@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/tcp-port-used/-/tcp-port-used-1.0.1.tgz#46061078e2d38c73979a2c2c12b5a674e6689d70"
+  integrity sha512-rwi5xJeU6utXoEIiMvVBMc9eJ2/ofzB+7nLOdnZuFTmNCLqRiQh2sMG9MqCxHU/69VC/Fwp5dV9306Qd54ll1Q==
+  dependencies:
+    debug "4.1.0"
+    is2 "2.0.1"
+
 teeny-request@^3.11.3:
   version "3.11.3"
   resolved "https://registry.yarnpkg.com/teeny-request/-/teeny-request-3.11.3.tgz#335c629f7645e5d6599362df2f3230c4cbc23a55"
@@ -23449,6 +24049,15 @@ terser@^4.6.2:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
+terser@^4.6.3:
+  version "4.8.0"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-4.8.0.tgz#63056343d7c70bb29f3af665865a46fe03a0df17"
+  integrity sha512-EAPipTNeWsb/3wLPeup1tVPaXfIaU68xMnVdPafIL1TV05OhASArYyIfFvnvJCNrR2NIOvDVNNTFRa+Re2MWyw==
+  dependencies:
+    commander "^2.20.0"
+    source-map "~0.6.1"
+    source-map-support "~0.5.12"
+
 test-exclude@^4.2.1:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-4.2.3.tgz#a9a5e64474e4398339245a0a769ad7c2f4a97c20"
@@ -23526,7 +24135,7 @@ through2@^3.0.0, through2@^3.0.1:
   dependencies:
     readable-stream "2 || 3"
 
-through@2, "through@>=2.2.7 <3", through@^2.3.4, through@^2.3.6:
+through@2, "through@>=2.2.7 <3", through@^2.3.4, through@^2.3.6, through@^2.3.8:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
 
@@ -23584,12 +24193,6 @@ titleize@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/titleize/-/titleize-1.0.1.tgz#21bc24fcca658eadc6d3bd3c38f2bd173769b4c5"
 
-tmp@0.0.30:
-  version "0.0.30"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.30.tgz#72419d4a8be7d6ce75148fd8b324e593a711c2ed"
-  dependencies:
-    os-tmpdir "~1.0.1"
-
 tmp@0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.1.0.tgz#ee434a4e22543082e294ba6201dcc6eafefa2877"
@@ -23771,6 +24374,17 @@ ts-loader@^5.3.3:
     micromatch "^3.1.4"
     semver "^5.0.1"
 
+ts-loader@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-7.0.5.tgz#789338fb01cb5dc0a33c54e50558b34a73c9c4c5"
+  integrity sha512-zXypEIT6k3oTc+OZNx/cqElrsbBtYqDknf48OZos0NQ3RTt045fBIU8RRSu+suObBzYB355aIPGOe/3kj9h7Ig==
+  dependencies:
+    chalk "^2.3.0"
+    enhanced-resolve "^4.0.0"
+    loader-utils "^1.0.2"
+    micromatch "^4.0.0"
+    semver "^6.0.0"
+
 ts-pnp@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/ts-pnp/-/ts-pnp-1.1.6.tgz#389a24396d425a0d3162e96d2b4638900fdc289a"
@@ -23909,6 +24523,11 @@ typescript@^3.8.3:
   version "3.8.3"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.8.3.tgz#409eb8544ea0335711205869ec458ab109ee1061"
 
+typescript@^3.9.5:
+  version "3.9.7"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.7.tgz#98d600a5ebdc38f40cb277522f12dc800e9e25fa"
+  integrity sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw==
+
 typical@^2.6.0, typical@^2.6.1:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/typical/-/typical-2.6.1.tgz#5c080e5d661cbbe38259d2e70a3c7253e873881d"
@@ -23970,6 +24589,14 @@ umask@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/umask/-/umask-1.1.0.tgz#f29cebf01df517912bb58ff9c4e50fde8e33320d"
 
+unbzip2-stream@^1.3.3:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz#b0da04c4371311df771cdc215e87f2130991ace7"
+  integrity sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==
+  dependencies:
+    buffer "^5.2.1"
+    through "^2.3.8"
+
 unc-path-regex@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/unc-path-regex/-/unc-path-regex-0.1.2.tgz#e73dd3d7b0d7c5ed86fbac6b0ae7d8c6a69d50fa"
@@ -24336,6 +24963,15 @@ url-loader@^1.1.2:
     mime "^2.0.3"
     schema-utils "^1.0.0"
 
+url-loader@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-4.1.0.tgz#c7d6b0d6b0fccd51ab3ffc58a78d32b8d89a7be2"
+  integrity sha512-IzgAAIC8wRrg6NYkFIJY09vtktQcsvU8V6HhtQj9PTefbYImzLB1hufqo4m+RyM5N3mLx5BqJKccgxJS+W3kqw==
+  dependencies:
+    loader-utils "^2.0.0"
+    mime-types "^2.1.26"
+    schema-utils "^2.6.5"
+
 url-parse-as-address@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/url-parse-as-address/-/url-parse-as-address-1.0.0.tgz#fb80901883f338b3cbed3538f5faa26adaf7f2e7"
@@ -24474,6 +25110,11 @@ v8-compile-cache@^2.0.3:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz#e14de37b31a6d194f5690d67efc4e7f6fc6ab30e"
 
+v8-compile-cache@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.1.tgz#54bc3cdd43317bca91e35dcaf305b1a7237de745"
+  integrity sha512-8OQ9CL+VWyt3JStj7HX7/ciTL2V3Rl1Wf5OL+SNTm0yK1KvtReVulksyeRnCANHHuUxHlQig+JJDlUhBt1NQDQ==
+
 v8flags@^2.0.10:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/v8flags/-/v8flags-2.1.1.tgz#aab1a1fa30d45f88dd321148875ac02c0b55e5b4"
@@ -24948,7 +25589,7 @@ watchpack-chokidar2@^2.0.0:
   dependencies:
     chokidar "^2.1.8"
 
-watchpack@^1.5.0:
+watchpack@^1.5.0, watchpack@^1.7.4:
   version "1.7.4"
   resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.7.4.tgz#6e9da53b3c80bb2d6508188f5b200410866cd30b"
   integrity sha512-aWAgTW4MoSJzZPAicljkO1hsi1oKj/RRq/OJQh2PKI2UKL04c2Bs+MBOB+BBABHTXJpf9mCwHN7ANCvYsvY2sg==
@@ -25014,6 +25655,23 @@ webidl-conversions@^6.1.0:
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
   integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
 
+webpack-cli@^3.3.11:
+  version "3.3.12"
+  resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-3.3.12.tgz#94e9ada081453cd0aa609c99e500012fd3ad2d4a"
+  integrity sha512-NVWBaz9k839ZH/sinurM+HcDvJOTXwSjYp1ku+5XKeOC03z8v5QitnK/x+lAxGXFyhdayoIf/GOpv85z3/xPag==
+  dependencies:
+    chalk "^2.4.2"
+    cross-spawn "^6.0.5"
+    enhanced-resolve "^4.1.1"
+    findup-sync "^3.0.0"
+    global-modules "^2.0.0"
+    import-local "^2.0.0"
+    interpret "^1.4.0"
+    loader-utils "^1.4.0"
+    supports-color "^6.1.0"
+    v8-compile-cache "^2.1.1"
+    yargs "^13.3.2"
+
 webpack-dev-middleware@3.4.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-3.4.0.tgz#1132fecc9026fd90f0ecedac5cbff75d1fb45890"
@@ -25108,6 +25766,45 @@ webpack-dev-server@^3.10.3:
     ws "^6.2.1"
     yargs "12.0.5"
 
+webpack-dev-server@^3.11.0:
+  version "3.11.0"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-3.11.0.tgz#8f154a3bce1bcfd1cc618ef4e703278855e7ff8c"
+  integrity sha512-PUxZ+oSTxogFQgkTtFndEtJIPNmml7ExwufBZ9L2/Xyyd5PnOL5UreWe5ZT7IU25DSdykL9p1MLQzmLh2ljSeg==
+  dependencies:
+    ansi-html "0.0.7"
+    bonjour "^3.5.0"
+    chokidar "^2.1.8"
+    compression "^1.7.4"
+    connect-history-api-fallback "^1.6.0"
+    debug "^4.1.1"
+    del "^4.1.1"
+    express "^4.17.1"
+    html-entities "^1.3.1"
+    http-proxy-middleware "0.19.1"
+    import-local "^2.0.0"
+    internal-ip "^4.3.0"
+    ip "^1.1.5"
+    is-absolute-url "^3.0.3"
+    killable "^1.0.1"
+    loglevel "^1.6.8"
+    opn "^5.5.0"
+    p-retry "^3.0.1"
+    portfinder "^1.0.26"
+    schema-utils "^1.0.0"
+    selfsigned "^1.10.7"
+    semver "^6.3.0"
+    serve-index "^1.9.1"
+    sockjs "0.3.20"
+    sockjs-client "1.4.0"
+    spdy "^4.0.2"
+    strip-ansi "^3.0.1"
+    supports-color "^6.1.0"
+    url "^0.11.0"
+    webpack-dev-middleware "^3.7.2"
+    webpack-log "^2.0.0"
+    ws "^6.2.1"
+    yargs "^13.3.2"
+
 webpack-hot-middleware@^2.25.0:
   version "2.25.0"
   resolved "https://registry.yarnpkg.com/webpack-hot-middleware/-/webpack-hot-middleware-2.25.0.tgz#4528a0a63ec37f8f8ef565cf9e534d57d09fe706"
@@ -25146,7 +25843,7 @@ webpack-sources@^0.2.0:
     source-list-map "^1.1.1"
     source-map "~0.5.3"
 
-webpack-sources@^1.1.0, webpack-sources@^1.2.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1:
+webpack-sources@^1.1.0, webpack-sources@^1.2.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1, webpack-sources@^1.4.3:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
   dependencies:
@@ -25215,6 +25912,35 @@ webpack@^4.25.1:
     watchpack "^1.6.0"
     webpack-sources "^1.4.1"
 
+webpack@^4.43.0:
+  version "4.44.2"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.44.2.tgz#6bfe2b0af055c8b2d1e90ed2cd9363f841266b72"
+  integrity sha512-6KJVGlCxYdISyurpQ0IPTklv+DULv05rs2hseIXer6D7KrUicRDLFb4IUM1S6LUAKypPM/nSiVSuv8jHu1m3/Q==
+  dependencies:
+    "@webassemblyjs/ast" "1.9.0"
+    "@webassemblyjs/helper-module-context" "1.9.0"
+    "@webassemblyjs/wasm-edit" "1.9.0"
+    "@webassemblyjs/wasm-parser" "1.9.0"
+    acorn "^6.4.1"
+    ajv "^6.10.2"
+    ajv-keywords "^3.4.1"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^4.3.0"
+    eslint-scope "^4.0.3"
+    json-parse-better-errors "^1.0.2"
+    loader-runner "^2.4.0"
+    loader-utils "^1.2.3"
+    memory-fs "^0.4.1"
+    micromatch "^3.1.10"
+    mkdirp "^0.5.3"
+    neo-async "^2.6.1"
+    node-libs-browser "^2.2.1"
+    schema-utils "^1.0.0"
+    tapable "^1.1.3"
+    terser-webpack-plugin "^1.4.3"
+    watchpack "^1.7.4"
+    webpack-sources "^1.4.1"
+
 webpack@~4.43.0:
   version "4.43.0"
   resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.43.0.tgz#c48547b11d563224c561dad1172c8aa0b8a678e6"
@@ -25243,6 +25969,13 @@ webpack@~4.43.0:
     watchpack "^1.6.1"
     webpack-sources "^1.4.1"
 
+websocket-driver@0.6.5:
+  version "0.6.5"
+  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.6.5.tgz#5cb2556ceb85f4373c6d8238aa691c8454e13a36"
+  integrity sha1-XLJVbOuF9Dc8bYI4qmkchFThOjY=
+  dependencies:
+    websocket-extensions ">=0.1.1"
+
 websocket-driver@>=0.5.1:
   version "0.7.3"
   resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.3.tgz#a2d4e0d4f4f116f1e6297eba58b05d430100e9f9"
@@ -25689,22 +26422,10 @@ xml-name-validator@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
 
-xml2js@^0.4.19:
-  version "0.4.22"
-  resolved "https://registry.yarnpkg.com/xml2js/-/xml2js-0.4.22.tgz#4fa2d846ec803237de86f30aa9b5f70b6600de02"
-  dependencies:
-    sax ">=0.6.0"
-    util.promisify "~1.0.0"
-    xmlbuilder "~11.0.0"
-
 xml@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/xml/-/xml-1.0.1.tgz#78ba72020029c5bc87b8a81a3cfcd74b4a2fc1e5"
 
-xmlbuilder@~11.0.0:
-  version "11.0.1"
-  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-11.0.1.tgz#be9bae1c8a046e76b31127726347d0ad7002beb3"
-
 xmlchars@^2.1.1, xmlchars@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
@@ -25808,9 +26529,10 @@ yargs-parser@^13.1.1:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs-parser@^16.1.0:
-  version "16.1.0"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-16.1.0.tgz#73747d53ae187e7b8dbe333f95714c76ea00ecf1"
+yargs-parser@^13.1.2:
+  version "13.1.2"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.2.tgz#130f09702ebaeef2650d54ce6e3e5706f7a4fb38"
+  integrity sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==
   dependencies:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
@@ -25902,21 +26624,21 @@ yargs@^13.2.4, yargs@^13.3.0:
     y18n "^4.0.0"
     yargs-parser "^13.1.1"
 
-yargs@^15.0.2:
-  version "15.0.2"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.0.2.tgz#4248bf218ef050385c4f7e14ebdf425653d13bd3"
+yargs@^13.3.2:
+  version "13.3.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"
+  integrity sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==
   dependencies:
-    cliui "^6.0.0"
-    decamelize "^1.2.0"
-    find-up "^4.1.0"
+    cliui "^5.0.0"
+    find-up "^3.0.0"
     get-caller-file "^2.0.1"
     require-directory "^2.1.1"
     require-main-filename "^2.0.0"
     set-blocking "^2.0.0"
-    string-width "^4.2.0"
+    string-width "^3.0.0"
     which-module "^2.0.0"
     y18n "^4.0.0"
-    yargs-parser "^16.1.0"
+    yargs-parser "^13.1.2"
 
 yargs@^7.0.0:
   version "7.1.0"
@@ -25954,7 +26676,7 @@ yargs@^8.0.2:
     y18n "^3.2.1"
     yargs-parser "^7.0.0"
 
-yauzl@2.10.0:
+yauzl@2.10.0, yauzl@^2.10.0:
   version "2.10.0"
   resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
   dependencies:

From 738fb5d357e1042f2e6cf8817547d54b41bc03ff Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Mon, 5 Oct 2020 18:41:34 -0400
Subject: [PATCH 04/29] wip

---
 .../src/components/BaseTable/BaseBodyCell.tsx |  53 +++
 .../BaseHeaderCell.tsx}                       |  40 +-
 .../src/components/BaseTable/BaseTable.tsx    |  72 +++
 .../components/BaseTable/BaseTableBody.tsx    |  28 ++
 .../components/BaseTable/BaseTableBodyRow.tsx |  34 ++
 .../BaseTableCaption.tsx}                     |   8 +-
 .../components/BaseTable/BaseTableHead.tsx    |  31 ++
 .../BaseTable/BaseTableHeaderRow.tsx          |  28 ++
 .../src/components/BaseTable/index.ts         |   8 +
 .../components/LightTable/LightBodyCell.tsx   |  30 --
 .../src/components/LightTable/LightTable.tsx  |  57 ---
 .../components/LightTable/LightTableBody.tsx  |  19 -
 .../components/LightTable/LightTableHead.tsx  |  19 -
 .../components/LightTable/LightTableRow.tsx   |  19 -
 .../src/components/LightTable/index.ts        |   7 -
 .../src/components/Table/BodyWrapper.tsx      |   7 +-
 .../src/components/Table/HeaderCell.tsx       |  28 +-
 .../src/components/Table/RowWrapper.tsx       |   3 +-
 .../src/components/Table/Table.tsx            |  18 +-
 .../src/components/Table/base/types.tsx       |  21 +-
 .../src/components/Table/examples/Table.md    | 434 ++++++++++++------
 .../src/components/Table/examples/new.html    |  90 ++++
 .../src/components/Table/examples/old.html    |  93 ++++
 .../components/Table/examples/original.html   | 103 +++++
 .../react-table/src/components/Table/index.ts |   1 +
 packages/react-table/src/components/index.ts  |   2 +-
 26 files changed, 916 insertions(+), 337 deletions(-)
 create mode 100644 packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
 rename packages/react-table/src/components/{LightTable/LightHeaderCell.tsx => BaseTable/BaseHeaderCell.tsx} (51%)
 create mode 100644 packages/react-table/src/components/BaseTable/BaseTable.tsx
 create mode 100644 packages/react-table/src/components/BaseTable/BaseTableBody.tsx
 create mode 100644 packages/react-table/src/components/BaseTable/BaseTableBodyRow.tsx
 rename packages/react-table/src/components/{LightTable/LightTableCaption.tsx => BaseTable/BaseTableCaption.tsx} (59%)
 create mode 100644 packages/react-table/src/components/BaseTable/BaseTableHead.tsx
 create mode 100644 packages/react-table/src/components/BaseTable/BaseTableHeaderRow.tsx
 create mode 100644 packages/react-table/src/components/BaseTable/index.ts
 delete mode 100644 packages/react-table/src/components/LightTable/LightBodyCell.tsx
 delete mode 100644 packages/react-table/src/components/LightTable/LightTable.tsx
 delete mode 100644 packages/react-table/src/components/LightTable/LightTableBody.tsx
 delete mode 100644 packages/react-table/src/components/LightTable/LightTableHead.tsx
 delete mode 100644 packages/react-table/src/components/LightTable/LightTableRow.tsx
 delete mode 100644 packages/react-table/src/components/LightTable/index.ts
 create mode 100644 packages/react-table/src/components/Table/examples/new.html
 create mode 100644 packages/react-table/src/components/Table/examples/old.html
 create mode 100644 packages/react-table/src/components/Table/examples/original.html

diff --git a/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx b/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
new file mode 100644
index 00000000000..4ef0a15754d
--- /dev/null
+++ b/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Table/table';
+
+export interface BaseBodyCellProps extends React.HTMLProps<HTMLTableDataCellElement> {
+  /** Content rendered inside the <td> body cell */
+  children?: React.ReactNode;
+  /** Additional classes added to the <td> body cell  */
+  className?: string;
+  /**
+   * The column header the cell corresponds to.
+   * This attribute replaces table header in mobile viewport. It is rendered by ::before pseudo element.
+   */
+  dataLabel?: string;
+  /** Cell key */
+  dataKey?: number;
+  /** Modifies cell to center its contents. */
+  textCenter?: boolean;
+  /** Style modifier to apply */
+  modifier?: 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap';
+  /** Forwarded ref */
+  innerRef?: React.Ref<any>;
+}
+
+const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
+  children,
+  className,
+  dataLabel,
+  dataKey,
+  textCenter = false,
+  modifier,
+  innerRef,
+  ...props
+}: BaseBodyCellProps) => (
+  <td
+    data-label={dataLabel}
+    data-key={dataKey}
+    className={css(
+      className,
+      textCenter && styles.modifiers.center,
+      modifier && styles.modifiers[modifier as 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap']
+    )}
+    ref={innerRef}
+    {...props}
+  >
+    {children}
+  </td>
+);
+
+export const BaseBodyCell = React.forwardRef((props: BaseBodyCellProps, ref: React.Ref<HTMLTableDataCellElement>) => (
+  <BaseBodyCellBase {...props} innerRef={ref} />
+));
+BaseBodyCell.displayName = 'BaseBodyCell';
diff --git a/packages/react-table/src/components/LightTable/LightHeaderCell.tsx b/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
similarity index 51%
rename from packages/react-table/src/components/LightTable/LightHeaderCell.tsx
rename to packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
index 58e7de0165c..b1f18816792 100644
--- a/packages/react-table/src/components/LightTable/LightHeaderCell.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
@@ -3,20 +3,32 @@ import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 import { SortByDirection, SortColumn } from '../Table';
 
-export interface LightHeaderCellProps {
+export interface BaseHeaderCellProps extends React.HTMLProps<HTMLTableHeaderCellElement> {
   /** Content rendered inside the <th> header cell */
   children?: React.ReactNode;
   /** Additional classes added to the <th> header cell  */
   className?: string;
   /** Modifies cell to center its contents. */
   textCenter?: boolean;
+  /** Wraps the content in a button and adds a sort icon */
   sortable?: boolean;
+  /** Req. sortable={true} - Click callback on the sortable cell */
   onSort?: Function;
+  /** Req. sortable={true} - Determines the sort icon direction */
   sortDirection?: SortByDirection | 'none';
+  /** Gives the cell an active styling */
   active?: boolean;
+  /** Adds data-label attribute */
+  dataLabel?: string;
+  /** Cell key */
+  dataKey?: number;
+  /** Style modifier to apply */
+  modifier?: 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap';
+  /** Forwarded ref */
+  innerRef?: React.Ref<any>;
 }
 
-export const LightHeaderCell: React.FunctionComponent<LightHeaderCellProps> = ({
+const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
   children,
   className,
   textCenter = false,
@@ -24,9 +36,12 @@ export const LightHeaderCell: React.FunctionComponent<LightHeaderCellProps> = ({
   onSort,
   sortDirection = 'none',
   active,
+  dataLabel,
+  dataKey,
+  modifier,
+  innerRef,
   ...props
-}: LightHeaderCellProps) => {
-  const [sortDirectionState, setSortDirectionState] = React.useState(sortDirection);
+}: BaseHeaderCellProps) => {
   const getAriaSort = () => {
     if (sortDirection === 'asc') {
       return 'ascending';
@@ -38,15 +53,18 @@ export const LightHeaderCell: React.FunctionComponent<LightHeaderCellProps> = ({
   };
   return (
     <th
-      role="columnheader"
       scope="col"
+      aria-sort={sortable ? getAriaSort() : null}
+      ref={innerRef}
+      data-label={dataLabel || (typeof children === 'string' ? children : null)}
+      data-key={dataKey}
       className={css(
         className,
         textCenter && styles.modifiers.center,
         sortable && styles.tableSort,
-        active && styles.modifiers.selected
+        active && styles.modifiers.selected,
+        modifier && styles.modifiers[modifier as 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap']
       )}
-      aria-sort={getAriaSort()}
       {...props}
     >
       {sortable ? (
@@ -63,4 +81,10 @@ export const LightHeaderCell: React.FunctionComponent<LightHeaderCellProps> = ({
     </th>
   );
 };
-LightHeaderCell.displayName = 'LightHeaderCell';
+
+export const BaseHeaderCell = React.forwardRef(
+  (props: BaseHeaderCellProps, ref: React.Ref<HTMLTableHeaderCellElement>) => (
+    <BaseHeaderCellBase {...props} innerRef={ref} />
+  )
+);
+BaseHeaderCell.displayName = 'BaseHeaderCell';
diff --git a/packages/react-table/src/components/BaseTable/BaseTable.tsx b/packages/react-table/src/components/BaseTable/BaseTable.tsx
new file mode 100644
index 00000000000..f2dd1b7d552
--- /dev/null
+++ b/packages/react-table/src/components/BaseTable/BaseTable.tsx
@@ -0,0 +1,72 @@
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Table/table';
+import stylesGrid from '@patternfly/react-styles/css/components/Table/table-grid';
+import { css } from '@patternfly/react-styles';
+import { TableGridBreakpoint, TableVariant, toCamel } from '../Table';
+import { useOUIAProps, OUIAProps } from '@patternfly/react-core';
+
+export interface BaseTableProps extends React.HTMLProps<HTMLTableElement>, OUIAProps {
+  /** Adds an accessible name for the Table */
+  'aria-label'?: string;
+  /** Content rendered inside the Table */
+  children?: React.ReactNode;
+  /** Additional classes added to the Table  */
+  className?: string;
+  /** Style variant for the Table  */
+  variant?: 'compact';
+  /** Render borders  */
+  borders?: boolean;
+  /** Specifies the grid breakpoints  */
+  gridBreakPoint?: '' | 'grid' | 'grid-md' | 'grid-lg' | 'grid-xl' | 'grid-2xl';
+  /** A valid WAI-ARIA role to be applied to the table element */
+  role?: string;
+  /** If set to true, the table header sticks to the top of its container */
+  isStickyHeader?: boolean;
+  /** Forwarded ref */
+  innerRef?: React.Ref<any>;
+}
+
+const BaseTableBase: React.FunctionComponent<BaseTableProps> = ({
+  children,
+  className,
+  variant,
+  borders = true,
+  isStickyHeader = false,
+  gridBreakPoint = TableGridBreakpoint.gridMd,
+  'aria-label': ariaLabel,
+  role = 'grid',
+  innerRef,
+  ouiaId,
+  ouiaSafe = true,
+  ...props
+}: BaseTableProps) => {
+  const ouiaProps = useOUIAProps('Table', ouiaId, ouiaSafe);
+  return (
+    <table
+      aria-label={ariaLabel}
+      role={role}
+      className={css(
+        className,
+        styles.table,
+        gridBreakPoint &&
+          stylesGrid.modifiers[
+            toCamel(gridBreakPoint).replace(/-?2xl/, '_2xl') as 'grid' | 'gridMd' | 'gridLg' | 'gridXl' | 'grid_2xl'
+          ],
+        styles.modifiers[variant],
+        // ((onCollapse && variant === TableVariant.compact) || onExpand) && styles.modifiers.expandable,
+        variant === TableVariant.compact && borders === false && styles.modifiers.noBorderRows,
+        isStickyHeader && styles.modifiers.stickyHeader
+      )}
+      ref={innerRef}
+      {...ouiaProps}
+      {...props}
+    >
+      {children}
+    </table>
+  );
+};
+
+export const BaseTable = React.forwardRef((props: BaseTableProps, ref: React.Ref<HTMLTableElement>) => (
+  <BaseTableBase {...props} innerRef={ref} />
+));
+BaseTable.displayName = 'BaseTable';
diff --git a/packages/react-table/src/components/BaseTable/BaseTableBody.tsx b/packages/react-table/src/components/BaseTable/BaseTableBody.tsx
new file mode 100644
index 00000000000..8b52398aedd
--- /dev/null
+++ b/packages/react-table/src/components/BaseTable/BaseTableBody.tsx
@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+export interface BaseTableBodyProps extends React.HTMLProps<HTMLTableSectionElement> {
+  /** Content rendered inside the <tr> row */
+  children?: React.ReactNode;
+  /** Additional classes added to the <tr> row  */
+  className?: string;
+  /** Forwarded ref */
+  innerRef?: React.Ref<any>;
+}
+
+const BaseTableBodyBase: React.FunctionComponent<BaseTableBodyProps> = ({
+  children,
+  className,
+  innerRef,
+  ...props
+}: BaseTableBodyProps) => (
+  <tbody role="rowgroup" className={className} ref={innerRef} {...props}>
+    {children}
+  </tbody>
+);
+
+export const BaseTableBody = React.forwardRef(
+  (props: BaseTableBodyProps, ref: React.Ref<HTMLTableSectionElement>) => (
+    <BaseTableBodyBase {...props} innerRef={ref} />
+  )
+);
+BaseTableBody.displayName = 'BaseTableBody';
diff --git a/packages/react-table/src/components/BaseTable/BaseTableBodyRow.tsx b/packages/react-table/src/components/BaseTable/BaseTableBodyRow.tsx
new file mode 100644
index 00000000000..f15a8bb1026
--- /dev/null
+++ b/packages/react-table/src/components/BaseTable/BaseTableBodyRow.tsx
@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { useOUIAProps, OUIAProps } from '@patternfly/react-core';
+
+export interface BaseTableBodyRowProps extends React.HTMLProps<HTMLTableRowElement>, OUIAProps {
+  /** Content rendered inside the <tr> row */
+  children?: React.ReactNode;
+  /** Additional classes added to the <tr> row  */
+  className?: string;
+  /** Forwarded ref */
+  innerRef?: React.Ref<any>;
+}
+
+const BaseTableBodyRowBase: React.FunctionComponent<BaseTableBodyRowProps> = ({
+  children,
+  className,
+  innerRef,
+  ouiaId,
+  ouiaSafe = true,
+  ...props
+}: BaseTableBodyRowProps) => {
+  const ouiaProps = useOUIAProps('TableRow', ouiaId, ouiaSafe);
+  return (
+    <tr className={className} ref={innerRef} {...ouiaProps} {...props}>
+      {children}
+    </tr>
+  );
+};
+
+export const BaseTableBodyRow = React.forwardRef(
+  (props: BaseTableBodyRowProps, ref: React.Ref<HTMLTableRowElement>) => (
+    <BaseTableBodyRowBase {...props} innerRef={ref} />
+  )
+);
+BaseTableBodyRow.displayName = 'BaseTableBodyRow';
diff --git a/packages/react-table/src/components/LightTable/LightTableCaption.tsx b/packages/react-table/src/components/BaseTable/BaseTableCaption.tsx
similarity index 59%
rename from packages/react-table/src/components/LightTable/LightTableCaption.tsx
rename to packages/react-table/src/components/BaseTable/BaseTableCaption.tsx
index ef3289cd506..5d84b68a50c 100644
--- a/packages/react-table/src/components/LightTable/LightTableCaption.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseTableCaption.tsx
@@ -1,19 +1,19 @@
 import * as React from 'react';
 
-export interface LightTableCaptionProps {
+export interface BaseTableCaptionProps {
   /** Content rendered inside the <caption> caption */
   children?: React.ReactNode;
   /** Additional classes added to the <caption> caption  */
   className?: string;
 }
 
-export const LightTableCaption: React.FunctionComponent<LightTableCaptionProps> = ({
+export const BaseTableCaption: React.FunctionComponent<BaseTableCaptionProps> = ({
   children,
   className,
   ...props
-}: LightTableCaptionProps) => (
+}: BaseTableCaptionProps) => (
   <caption className={className} {...props}>
     {children}
   </caption>
 );
-LightTableCaption.displayName = 'LightTableCaption';
+BaseTableCaption.displayName = 'BaseTableCaption';
diff --git a/packages/react-table/src/components/BaseTable/BaseTableHead.tsx b/packages/react-table/src/components/BaseTable/BaseTableHead.tsx
new file mode 100644
index 00000000000..dca3c0f5a62
--- /dev/null
+++ b/packages/react-table/src/components/BaseTable/BaseTableHead.tsx
@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Table/table';
+
+export interface BaseTableHeadProps extends React.HTMLProps<HTMLTableSectionElement> {
+  /** Content rendered inside the <tr> row */
+  children?: React.ReactNode;
+  /** Additional classes added to the <tr> row  */
+  className?: string;
+  /** Won't wrap the table head if true */
+  noWrap?: boolean;
+  /** Forwarded ref */
+  innerRef?: React.Ref<any>;
+}
+
+const BaseTableHeadBase: React.FunctionComponent<BaseTableHeadProps> = ({
+  children,
+  className,
+  noWrap = false,
+  innerRef,
+  ...props
+}: BaseTableHeadProps) => (
+  <thead className={css(className, noWrap && styles.modifiers.nowrap)} ref={innerRef} {...props}>
+    {children}
+  </thead>
+);
+
+export const BaseTableHead = React.forwardRef((props: BaseTableHeadProps, ref: React.Ref<HTMLTableSectionElement>) => (
+  <BaseTableHeadBase {...props} innerRef={ref} />
+));
+BaseTableHead.displayName = 'BaseTableHead';
diff --git a/packages/react-table/src/components/BaseTable/BaseTableHeaderRow.tsx b/packages/react-table/src/components/BaseTable/BaseTableHeaderRow.tsx
new file mode 100644
index 00000000000..dd436a30d68
--- /dev/null
+++ b/packages/react-table/src/components/BaseTable/BaseTableHeaderRow.tsx
@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+export interface BaseTableHeaderRowProps extends React.HTMLProps<HTMLTableRowElement> {
+  /** Content rendered inside the <tr> row */
+  children?: React.ReactNode;
+  /** Additional classes added to the <tr> row  */
+  className?: string;
+  /** Forwarded ref */
+  innerRef?: React.Ref<any>;
+}
+
+const BaseTableHeaderRowBase: React.FunctionComponent<BaseTableHeaderRowProps> = ({
+  children,
+  className,
+  innerRef,
+  ...props
+}: BaseTableHeaderRowProps) => (
+  <tr className={className} ref={innerRef} {...props}>
+    {children}
+  </tr>
+);
+
+export const BaseTableHeaderRow = React.forwardRef(
+  (props: BaseTableHeaderRowProps, ref: React.Ref<HTMLTableRowElement>) => (
+    <BaseTableHeaderRowBase {...props} innerRef={ref} />
+  )
+);
+BaseTableHeaderRow.displayName = 'BaseTableHeaderRow';
diff --git a/packages/react-table/src/components/BaseTable/index.ts b/packages/react-table/src/components/BaseTable/index.ts
new file mode 100644
index 00000000000..6dff92041a5
--- /dev/null
+++ b/packages/react-table/src/components/BaseTable/index.ts
@@ -0,0 +1,8 @@
+export * from './BaseTable';
+export * from './BaseTableHead';
+export * from './BaseTableHeaderRow';
+export * from './BaseTableBody';
+export * from './BaseTableBodyRow';
+export * from './BaseHeaderCell';
+export * from './BaseBodyCell';
+export * from './BaseTableCaption';
diff --git a/packages/react-table/src/components/LightTable/LightBodyCell.tsx b/packages/react-table/src/components/LightTable/LightBodyCell.tsx
deleted file mode 100644
index eba7b5f7fab..00000000000
--- a/packages/react-table/src/components/LightTable/LightBodyCell.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/Table/table';
-
-export interface LightBodyCellProps {
-  /** Content rendered inside the <td> body cell */
-  children?: React.ReactNode;
-  /** Additional classes added to the <td> body cell  */
-  className?: string;
-  /**
-   * The column header the cell corresponds to.
-   * This attribute replaces table header in mobile viewport. It is rendered by ::before pseudo element.
-   */
-  dataLabel?: string;
-  /** Modifies cell to center its contents. */
-  textCenter?: boolean;
-}
-
-export const LightBodyCell: React.FunctionComponent<LightBodyCellProps> = ({
-  children,
-  className,
-  dataLabel,
-  textCenter = false,
-  ...props
-}: LightBodyCellProps) => (
-  <td role="cell" data-label={dataLabel} className={css(className, textCenter && styles.modifiers.center)} {...props}>
-    {children}
-  </td>
-);
-LightBodyCell.displayName = 'LightBodyCell';
diff --git a/packages/react-table/src/components/LightTable/LightTable.tsx b/packages/react-table/src/components/LightTable/LightTable.tsx
deleted file mode 100644
index 47f9b41af9d..00000000000
--- a/packages/react-table/src/components/LightTable/LightTable.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import * as React from 'react';
-import styles from '@patternfly/react-styles/css/components/Table/table';
-import stylesGrid from '@patternfly/react-styles/css/components/Table/table-grid';
-import { css } from '@patternfly/react-styles';
-import { TableGridBreakpoint, TableVariant, toCamel } from '../Table';
-
-export interface LightTableProps {
-  /** Content rendered inside the Table */
-  children?: React.ReactNode;
-  /** Additional classes added to the Table  */
-  className?: string;
-  /** Style variant for the Table  */
-  variant?: 'compact';
-  /** Render borders  */
-  borders?: boolean;
-  /** If set to true, the table header sticks to the top of its container */
-  isStickyHeader?: boolean;
-  /** Specifies the grid breakpoints  */
-  gridBreakPoint?: '' | 'grid' | 'grid-md' | 'grid-lg' | 'grid-xl' | 'grid-2xl';
-  /**
-   * Provides an accessible name for the table when a descriptive <caption> or <h*> is not available.
-   * Required in the absence of <caption> or <h*>
-   */
-  'aria-label'?: string;
-}
-
-export const LightTable: React.FunctionComponent<LightTableProps> = ({
-  children,
-  className,
-  variant,
-  borders = true,
-  isStickyHeader = false,
-  gridBreakPoint = TableGridBreakpoint.gridMd,
-  'aria-label': ariaLabel,
-  ...props
-}: LightTableProps) => (
-  <table
-    className={css(
-      className,
-      styles.table,
-      gridBreakPoint &&
-        stylesGrid.modifiers[
-          toCamel(gridBreakPoint).replace(/-?2xl/, '_2xl') as 'grid' | 'gridMd' | 'gridLg' | 'gridXl' | 'grid_2xl'
-        ],
-      styles.modifiers[variant],
-      // ((onCollapse && variant === TableVariant.compact) || onExpand) && styles.modifiers.expandable,
-      variant === TableVariant.compact && borders === false && styles.modifiers.noBorderRows,
-      isStickyHeader && styles.modifiers.stickyHeader
-    )}
-    role="grid"
-    aria-label={ariaLabel}
-    {...props}
-  >
-    {children}
-  </table>
-);
-LightTable.displayName = 'LightTable';
diff --git a/packages/react-table/src/components/LightTable/LightTableBody.tsx b/packages/react-table/src/components/LightTable/LightTableBody.tsx
deleted file mode 100644
index 7acde3025ea..00000000000
--- a/packages/react-table/src/components/LightTable/LightTableBody.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import * as React from 'react';
-
-export interface LightTableBodyProps {
-  /** Content rendered inside the <tr> row */
-  children?: React.ReactNode;
-  /** Additional classes added to the <tr> row  */
-  className?: string;
-}
-
-export const LightTableBody: React.FunctionComponent<LightTableBodyProps> = ({
-  children,
-  className,
-  ...props
-}: LightTableBodyProps) => (
-  <tbody role="rowgroup" className={className} {...props}>
-    {children}
-  </tbody>
-);
-LightTableBody.displayName = 'LightTableBody';
diff --git a/packages/react-table/src/components/LightTable/LightTableHead.tsx b/packages/react-table/src/components/LightTable/LightTableHead.tsx
deleted file mode 100644
index cc936f21fe9..00000000000
--- a/packages/react-table/src/components/LightTable/LightTableHead.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import * as React from 'react';
-
-export interface LightTableHeadProps {
-  /** Content rendered inside the <tr> row */
-  children?: React.ReactNode;
-  /** Additional classes added to the <tr> row  */
-  className?: string;
-}
-
-export const LightTableHead: React.FunctionComponent<LightTableHeadProps> = ({
-  children,
-  className,
-  ...props
-}: LightTableHeadProps) => (
-  <thead className={className} {...props}>
-    {children}
-  </thead>
-);
-LightTableHead.displayName = 'LightTableHead';
diff --git a/packages/react-table/src/components/LightTable/LightTableRow.tsx b/packages/react-table/src/components/LightTable/LightTableRow.tsx
deleted file mode 100644
index ef392f3b7d6..00000000000
--- a/packages/react-table/src/components/LightTable/LightTableRow.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import * as React from 'react';
-
-export interface LightTableRowProps {
-  /** Content rendered inside the <tr> row */
-  children?: React.ReactNode;
-  /** Additional classes added to the <tr> row  */
-  className?: string;
-}
-
-export const LightTableRow: React.FunctionComponent<LightTableRowProps> = ({
-  children,
-  className,
-  ...props
-}: LightTableRowProps) => (
-  <tr role="row" className={className} {...props}>
-    {children}
-  </tr>
-);
-LightTableRow.displayName = 'LightTableRow';
diff --git a/packages/react-table/src/components/LightTable/index.ts b/packages/react-table/src/components/LightTable/index.ts
deleted file mode 100644
index c4869afec3e..00000000000
--- a/packages/react-table/src/components/LightTable/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export * from './LightTable';
-export * from './LightTableHead';
-export * from './LightTableBody';
-export * from './LightTableRow';
-export * from './LightHeaderCell';
-export * from './LightBodyCell';
-export * from './LightTableCaption';
diff --git a/packages/react-table/src/components/Table/BodyWrapper.tsx b/packages/react-table/src/components/Table/BodyWrapper.tsx
index 33a108959a5..56e609caf74 100644
--- a/packages/react-table/src/components/Table/BodyWrapper.tsx
+++ b/packages/react-table/src/components/Table/BodyWrapper.tsx
@@ -3,6 +3,7 @@ import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 import { IRow, IRowData, IExtraData, IHeaderRow } from './Table';
 import { mapOpenedRows } from './utils/headerUtils';
+import { BaseTableBody } from '../BaseTable/BaseTableBody';
 
 export interface BodyWrapperProps {
   children?: React.ReactNode;
@@ -33,18 +34,18 @@ export const BodyWrapper: React.FunctionComponent<BodyWrapperProps> = ({
     return (
       <React.Fragment>
         {mapOpenedRows(mappedRows, props.children).map((oneRow, key) => (
-          <tbody
+          <BaseTableBody
             {...props}
             className={css(oneRow.isOpen && styles.modifiers.expanded)}
             key={`tbody-${key}`}
             ref={tbodyRef as React.Ref<any>}
           >
             {oneRow.rows}
-          </tbody>
+          </BaseTableBody>
         ))}
       </React.Fragment>
     );
   }
-  return <tbody {...props} ref={tbodyRef as React.Ref<any>} />;
+  return <BaseTableBody {...props} ref={tbodyRef as React.Ref<any>} />;
 };
 BodyWrapper.displayName = 'BodyWrapper';
diff --git a/packages/react-table/src/components/Table/HeaderCell.tsx b/packages/react-table/src/components/Table/HeaderCell.tsx
index 3758fc72445..7195cdf1495 100644
--- a/packages/react-table/src/components/Table/HeaderCell.tsx
+++ b/packages/react-table/src/components/Table/HeaderCell.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 import { Tooltip } from '@patternfly/react-core/dist/js/components/Tooltip/Tooltip';
+import { BaseHeaderCell } from '../BaseTable/BaseHeaderCell';
 
 export interface HeaderCellProps {
   'data-label'?: string;
@@ -50,15 +51,24 @@ export const HeaderCell: React.FunctionComponent<HeaderCellProps> = ({
   };
 
   const Component = component as any;
-  const cell = (
-    <Component
-      {...mappedProps}
-      onMouseEnter={onMouseEnter}
-      className={css(className, textCenter && styles.modifiers.center)}
-    >
-      {children}
-    </Component>
-  );
+  const cell =
+    Component === 'th' ? (
+      <BaseHeaderCell
+        {...mappedProps}
+        onMouseEnter={onMouseEnter}
+        className={css(className, textCenter && styles.modifiers.center)}
+      >
+        {children}
+      </BaseHeaderCell>
+    ) : (
+      <Component
+        {...mappedProps}
+        onMouseEnter={onMouseEnter}
+        className={css(className, textCenter && styles.modifiers.center)}
+      >
+        {children}
+      </Component>
+    );
 
   return tooltip !== '' ? (
     <Tooltip content={tooltip} isVisible>
diff --git a/packages/react-table/src/components/Table/RowWrapper.tsx b/packages/react-table/src/components/Table/RowWrapper.tsx
index 7de60da948c..940456cebf2 100644
--- a/packages/react-table/src/components/Table/RowWrapper.tsx
+++ b/packages/react-table/src/components/Table/RowWrapper.tsx
@@ -4,6 +4,7 @@ import { debounce } from '@patternfly/react-core/dist/js/helpers/util';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 import inlineStyles from '@patternfly/react-styles/css/components/InlineEdit/inline-edit';
 import { css } from '@patternfly/react-styles';
+import { BaseTableBodyRow } from '../BaseTable/BaseTableBodyRow';
 
 // legacy export now, RowWrapperRow can simply be typed as IRow in the future
 export interface RowWrapperRow {
@@ -102,7 +103,7 @@ export class RowWrapper extends React.Component<RowWrapperProps, { ouiaStateId:
     } = this.props;
 
     return (
-      <tr
+      <BaseTableBodyRow
         {...props}
         ref={trRef as React.Ref<any>}
         className={css(
diff --git a/packages/react-table/src/components/Table/Table.tsx b/packages/react-table/src/components/Table/Table.tsx
index 2a96c9226db..3c4ae5894d5 100644
--- a/packages/react-table/src/components/Table/Table.tsx
+++ b/packages/react-table/src/components/Table/Table.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import styles from '@patternfly/react-styles/css/components/Table/table';
-import stylesGrid from '@patternfly/react-styles/css/components/Table/table-grid';
-import { getOUIAProps, OUIAProps, getDefaultOUIAId } from '@patternfly/react-core';
+import { OUIAProps, getDefaultOUIAId } from '@patternfly/react-core';
 import {
   DropdownDirection,
   DropdownPosition
@@ -14,7 +13,6 @@ import { BodyCell } from './BodyCell';
 import { HeaderCell } from './HeaderCell';
 import { RowWrapper, RowWrapperProps } from './RowWrapper';
 import { BodyWrapper } from './BodyWrapper';
-import { toCamel } from './utils';
 import { calculateColumns } from './utils/headerUtils';
 import { formatterValueType, ColumnType, RowType, RowKeyType, ColumnsType } from './base';
 
@@ -375,7 +373,6 @@ export class Table extends React.Component<TableProps, {}> {
       caption,
       header,
       className,
-      gridBreakPoint,
       onSort,
       onSelect,
       canSelectAll,
@@ -398,11 +395,7 @@ export class Table extends React.Component<TableProps, {}> {
       cells,
       bodyWrapper,
       rowWrapper,
-      borders,
       role,
-      ouiaId,
-      ouiaSafe,
-      isStickyHeader,
       ...props
     } = this.props;
 
@@ -457,18 +450,9 @@ export class Table extends React.Component<TableProps, {}> {
           columns={headerData}
           role={role}
           className={css(
-            styles.table,
-            gridBreakPoint &&
-              stylesGrid.modifiers[
-                toCamel(gridBreakPoint).replace(/-?2xl/, '_2xl') as 'grid' | 'gridMd' | 'gridLg' | 'gridXl' | 'grid_2xl'
-              ],
-            styles.modifiers[variant],
             ((onCollapse && variant === TableVariant.compact) || onExpand) && styles.modifiers.expandable,
-            variant === TableVariant.compact && borders === false ? styles.modifiers.noBorderRows : null,
-            isStickyHeader && styles.modifiers.stickyHeader,
             className
           )}
-          {...getOUIAProps(Table.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe)}
         >
           {caption && <caption>{caption}</caption>}
           {children}
diff --git a/packages/react-table/src/components/Table/base/types.tsx b/packages/react-table/src/components/Table/base/types.tsx
index b724c7e1352..fa7a84918bf 100644
--- a/packages/react-table/src/components/Table/base/types.tsx
+++ b/packages/react-table/src/components/Table/base/types.tsx
@@ -7,6 +7,13 @@
 
 import * as React from 'react';
 import { TooltipProps, PopoverProps } from '@patternfly/react-core';
+import { BaseTable } from '../../BaseTable/BaseTable';
+import { BaseTableHead } from '../../BaseTable/BaseTableHead';
+import { BaseTableHeaderRow } from '../../BaseTable/BaseTableHeaderRow';
+import { BaseTableBody } from '../../BaseTable/BaseTableBody';
+import { BaseTableBodyRow } from '../../BaseTable/BaseTableBodyRow';
+import { BaseHeaderCell } from '../../BaseTable/BaseHeaderCell';
+import { BaseBodyCell } from '../../BaseTable/BaseBodyCell';
 
 // Cell Type
 export interface CellType {
@@ -54,16 +61,16 @@ export interface RowType {
 // Table Defaults
 export const TableDefaults = {
   renderers: {
-    table: 'table',
+    table: BaseTable,
     header: {
-      wrapper: 'thead',
-      row: 'tr',
-      cell: 'th'
+      wrapper: BaseTableHead,
+      row: BaseTableHeaderRow,
+      cell: BaseHeaderCell
     },
     body: {
-      wrapper: 'tbody',
-      row: 'tr',
-      cell: 'td'
+      wrapper: BaseTableBody,
+      row: BaseTableBodyRow,
+      cell: BaseBodyCell
     }
   }
 };
diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index 0b5ed9c6523..0c27550b103 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -54,13 +54,15 @@ validateCellEdits,
 applyCellEdits,
 EditableTextCell,
 EditableSelectInputCell,
-LightTable,
-LightTableCaption,
-LightTableHead,
-LightTableBody,
-LightTableRow,
-LightHeaderCell,
-LightBodyCell
+BaseTable,
+BaseTableCaption,
+BaseTableHead,
+BaseTableBody,
+BaseTableHeaderRow,
+BaseTableBodyRow,
+BaseHeaderCell,
+BaseBodyCell,
+HeaderCellInfoWrapper
 } from '@patternfly/react-table';
 
 import { EmptyStateIcon } from '@patternfly/react-core';
@@ -77,96 +79,6 @@ import DemoSortableTable from './DemoSortableTable';
 
 ## Examples
 
-### Composable Table
-
-```js
-import React from 'react';
-import { LightTable, LightTableCaption, LightTableHead, LightTableBody, LightTableRow, LightHeaderCell, LightBodyCell } from '@patternfly/react-table';
-
-ComposableTable = () => {
-  const [columns, setColumns] = React.useState([
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit'
-  ]);
-  const [data, setData] = React.useState([
-    ['Repository 1', 10, 25, 5, '2 days ago'],
-    ['Repository 2', 11, 26, 4, '4 days ago'],
-    ['Repository 3', 12, 27, 3, '3 days ago'],
-    ['Repository 4', 13, 28, 2, '5 days ago']
-  ]);
-  const [sortedBy, setSortedBy] = React.useState(-1);
-  const [sortDirection, setSortDirection] = React.useState([
-    'none',
-    'none',
-    'none',
-    'none',
-    'none'
-  ]);
-  const onSort = (index) => {
-    // changes the active selected style
-    setSortedBy(index);
-    // changes the sort direction
-    const updatedSortDirection = sortDirection.map((dir, sortIndex) => {
-      if (sortIndex === index) {
-        if (dir === 'asc') {
-          return 'desc';
-        } else if (dir === 'desc') {
-          return 'asc';
-        }
-        return 'asc';
-      } else {
-        return 'none';
-      }
-    });
-    setSortDirection(updatedSortDirection);
-    // sorts the row data
-    const updatedData = data.sort((a, b) => {
-      if (typeof a[index] === 'number') {
-        // numeric sort
-        if (updatedSortDirection[index] === 'asc') {
-          return a[index] - b[index];
-        }
-        return b[index] - a[index];
-      } else {
-        // string sort
-        if (updatedSortDirection[index] === 'asc') {
-          return a[index].localeCompare(b[index]);
-        }
-        return b[index].localeCompare(a[index]);
-      }
-    });
-    debugger;
-    setData(updatedData);
-  };
-  return (
-    <LightTable aria-label="This is a simple table example" id="table-basic">
-      <LightTableCaption>This is the table caption</LightTableCaption>
-      <LightTableHead>
-        <LightTableRow>
-          <LightHeaderCell sortable active={sortedBy === 0} sortDirection={sortDirection[0]} onSort={() => onSort(0)}>{columns[0]}</LightHeaderCell>
-          <LightHeaderCell sortable active={sortedBy === 1} sortDirection={sortDirection[1]} onSort={() => onSort(1)}>{columns[1]}</LightHeaderCell>
-          <LightHeaderCell>{columns[2]}</LightHeaderCell>
-          <LightHeaderCell>{columns[3]}</LightHeaderCell>
-          <LightHeaderCell textCenter>{columns[4]}</LightHeaderCell>
-        </LightTableRow>
-      </LightTableHead>
-      <LightTableBody>
-        {data.map((row, rowIndex) => (
-          <LightTableRow key={rowIndex}>
-            {row.map((cell, cellIndex) => (
-              <LightBodyCell key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>{cell}</LightBodyCell>
-            ))}
-          </LightTableRow>
-        ))}
-      </LightTableBody>
-    </LightTable>
-  );
-}
-```
-
 ### Basic
 
 ```js
@@ -212,7 +124,7 @@ class SimpleTable extends React.Component {
         },
         'Workspaces',
         {
-          title: 'Last Commit',
+          title: 'Last commit',
           transforms: [textCenter],
           cellTransforms: [textCenter]
         }
@@ -368,6 +280,131 @@ class RowWrapperTable extends React.Component {
 }
 ```
 
+### Composable: Basic, Row click handler, Custom row wrapper
+
+```js
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  HeaderCellInfoWrapper
+} from '@patternfly/react-table';
+
+ComposableTableBasic = () => {
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit'
+  ]);
+  const [data, setData] = React.useState([
+    ['one', 'two', 'three', 'four', 'five'],
+    ['one - 2', null, null, 'four - 2', 'five - 2'],
+    ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3 (not centered)']
+  ]);
+  // map additional configuration to the data
+  // key: row_column
+  const dataConfig = {
+    '1_0': {
+      title: text => <div>{text}</div>,
+      props: { title: 'hover title', colSpan: 3 }
+    },
+    '2_4': {
+      props: { textCenter: false }
+    }
+  };
+  const onRowClick = (event, rowIndex, row) => {
+    console.log(`handle row click ${rowIndex}`, row);
+  };
+  return (
+    <BaseTable aria-label="Simple Table">
+      <BaseTableHead noWrap>
+        <BaseTableHeaderRow>
+          <BaseHeaderCell dataKey={0} dataLabel={columns[0]}>
+            <HeaderCellInfoWrapper
+              variant="tooltip"
+              info="More information about repositories"
+              className="repositories-info-tip"
+              tooltipProps={{
+                isContentLeftAligned: true
+              }}
+            >
+              {columns[0]}
+            </HeaderCellInfoWrapper>
+          </BaseHeaderCell>
+          <BaseHeaderCell dataKey={1} dataLabel={columns[0]}>
+            {columns[1]}
+          </BaseHeaderCell>
+          <BaseHeaderCell dataKey={2} dataLabel={columns[2]}>
+            <HeaderCellInfoWrapper
+              variant="popover"
+              info={
+                <div>
+                  More <strong>information</strong> on pull requests
+                </div>
+              }
+              ariaLabel="More information on pull requests"
+              popoverProps={{
+                headerContent: 'Pull requests',
+                footerContent: <a href="">Click here for even more info</a>
+              }}
+            >
+              {columns[2]}
+            </HeaderCellInfoWrapper>
+          </BaseHeaderCell>
+          <BaseHeaderCell dataKey={3} dataLabel={columns[3]}>
+            {columns[3]}
+          </BaseHeaderCell>
+          <BaseHeaderCell dataKey={4} dataLabel={columns[4]} textCenter>
+            {columns[4]}
+          </BaseHeaderCell>
+        </BaseTableHeaderRow>
+      </BaseTableHead>
+      <BaseTableBody>
+        {data.map((row, rowIndex) => {
+          const isOddRow = (rowIndex + 1) % 2;
+          const customStyle = {
+            borderLeft: '3px solid var(--pf-global--primary-color--100)'
+          };
+          return (
+            <BaseTableBodyRow
+              key={rowIndex}
+              onClick={event => onRowClick(event, rowIndex, row)}
+              className={isOddRow ? 'odd-row-class' : 'even-row-class'}
+              style={isOddRow ? customStyle : {}}
+            >
+              {row.map((cell, cellIndex) => {
+                if (!cell) {
+                  return null;
+                }
+                const cellConfig = dataConfig[`${rowIndex}_${cellIndex}`];
+                return (
+                  <BaseBodyCell
+                    key={`${rowIndex}_${cellIndex}`}
+                    dataKey={cellIndex}
+                    dataLabel={columns[cellIndex]}
+                    textCenter={cellIndex === row.length - 1}
+                    {...((cellConfig && cellConfig.props) || {})}
+                  >
+                    {cellConfig && cellConfig.title ? cellConfig.title(cell) : cell}
+                  </BaseBodyCell>
+                );
+              })}
+            </BaseTableBodyRow>
+          );
+        })}
+      </BaseTableBody>
+    </BaseTable>
+  );
+};
+```
+
 ### Sortable
 
 ```js
@@ -383,9 +420,13 @@ class SortableTable extends React.Component {
         'Branches',
         { title: 'Pull requests', transforms: [sortable] },
         'Workspaces',
-        'Last Commit'
+        'Last commit'
+      ],
+      rows: [
+        ['one', 'two', 'a', 'four', 'five'],
+        ['a', 'two', 'k', 'four', 'five'],
+        ['p', 'two', 'b', 'four', 'five']
       ],
-      rows: [['one', 'two', 'a', 'four', 'five'], ['a', 'two', 'k', 'four', 'five'], ['p', 'two', 'b', 'four', 'five']],
       sortBy: {}
     };
     this.onSort = this.onSort.bind(this);
@@ -447,7 +488,11 @@ class SortableWrappingHeaders extends React.Component {
           transforms: [sortable, wrappable]
         }
       ],
-      rows: [['one', 'two', 'a', 'four', 'five'], ['a', 'two', 'k', 'four', 'five'], ['p', 'two', 'b', 'four', 'five']],
+      rows: [
+        ['one', 'two', 'a', 'four', 'five'],
+        ['a', 'two', 'k', 'four', 'five'],
+        ['p', 'two', 'b', 'four', 'five']
+      ],
       sortBy: {}
     };
     this.onSort = this.onSort.bind(this);
@@ -483,6 +528,120 @@ class SortableWrappingHeaders extends React.Component {
 }
 ```
 
+### Composable: Sortable, Sortable with wrapping headers
+
+```js
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  HeaderCellInfoWrapper
+} from '@patternfly/react-table';
+
+ComposableTableSortable = () => {
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'This is a really long table header that goes on for a long time 4.',
+    'This is a really long table header that goes on for a long time 5.'
+  ]);
+  const [data, setData] = React.useState([
+    ['one', 'two', 'a', 'four', 'five'],
+    ['a', 'two', 'k', 'four', 'five'],
+    ['p', 'two', 'b', 'four', 'five']
+  ]);
+  const [sortedBy, setSortedBy] = React.useState(-1);
+  const [sortDirection, setSortDirection] = React.useState(['none', 'none', 'none', 'none', 'none']);
+  const onSort = index => {
+    // changes the active selected style
+    setSortedBy(index);
+    // changes the sort direction
+    const updatedSortDirection = sortDirection.map((dir, sortIndex) => {
+      if (sortIndex === index) {
+        if (dir === 'asc') {
+          return 'desc';
+        } else if (dir === 'desc') {
+          return 'asc';
+        }
+        return 'asc';
+      } else {
+        return 'none';
+      }
+    });
+    setSortDirection(updatedSortDirection);
+    // sorts the row data
+    const updatedData = data.sort((a, b) => {
+      if (typeof a[index] === 'number') {
+        // numeric sort
+        if (updatedSortDirection[index] === 'asc') {
+          return a[index] - b[index];
+        }
+        return b[index] - a[index];
+      } else {
+        // string sort
+        if (updatedSortDirection[index] === 'asc') {
+          return a[index].localeCompare(b[index]);
+        }
+        return b[index].localeCompare(a[index]);
+      }
+    });
+    setData(updatedData);
+  };
+  return (
+    <BaseTable aria-label="Sortable Table">
+      <BaseTableHead>
+        <BaseTableHeaderRow>
+          <BaseHeaderCell
+            dataKey={0}
+            sortable
+            active={sortedBy === 0}
+            sortDirection={sortDirection[0]}
+            onSort={() => onSort(0)}
+          >
+            {columns[0]}
+          </BaseHeaderCell>
+          <BaseHeaderCell
+            dataKey={1}
+          >
+            {columns[1]}
+          </BaseHeaderCell>
+          <BaseHeaderCell
+            dataKey={2}
+            sortable
+            active={sortedBy === 2}
+            sortDirection={sortDirection[2]}
+            onSort={() => onSort(2)}
+          >
+            {columns[2]}
+          </BaseHeaderCell>
+          <BaseHeaderCell dataKey={3} modifier="wrap">{columns[3]}</BaseHeaderCell>
+          <BaseHeaderCell dataKey={4} modifier="wrap">
+            {columns[4]}
+          </BaseHeaderCell>
+        </BaseTableHeaderRow>
+      </BaseTableHead>
+      <BaseTableBody>
+        {data.map((row, rowIndex) => (
+          <BaseTableBodyRow key={rowIndex}>
+            {row.map((cell, cellIndex) => (
+              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} dataKey={cellIndex} dataLabel={columns[cellIndex]}>
+                {cell}
+              </BaseBodyCell>
+            ))}
+          </BaseTableBodyRow>
+        ))}
+      </BaseTableBody>
+    </BaseTable>
+  );
+};
+```
+
 ### Selectable
 
 ```js
@@ -509,7 +668,7 @@ class SelectableTable extends React.Component {
         'Branches',
         { title: 'Pull requests' },
         'Workspaces',
-        'Last Commit'
+        'Last commit'
       ],
       rows: [
         {
@@ -517,7 +676,7 @@ class SelectableTable extends React.Component {
         },
         {
           cells: ['a', 'two', 'k', 'four', 'five'],
-          disableSelection: true,
+          disableSelection: true
         },
         {
           cells: ['p', 'two', 'b', 'four', 'five']
@@ -582,6 +741,7 @@ class SelectableTable extends React.Component {
 ```
 
 ### Selectable radio input
+
 ```js
 import React from 'react';
 import {
@@ -606,7 +766,7 @@ class SelectableTable extends React.Component {
         'Branches',
         { title: 'Pull requests' },
         'Workspaces',
-        'Last Commit'
+        'Last commit'
       ],
       rows: [
         {
@@ -614,12 +774,12 @@ class SelectableTable extends React.Component {
         },
         {
           cells: ['a', 'two', 'k', 'four', 'five'],
-          disableSelection: true,
+          disableSelection: true
         },
         {
           cells: ['p', 'two', 'b', 'four', 'five']
         }
-      ],
+      ]
     };
     this.onSelect = this.onSelect.bind(this);
     this.toggleSelect = this.toggleSelect.bind(this);
@@ -650,7 +810,8 @@ class SelectableTable extends React.Component {
         selectVariant={RowSelectVariant.radio}
         aria-label="Selectable Table"
         cells={columns}
-        rows={rows}>
+        rows={rows}
+      >
         <TableHeader />
         <TableBody />
       </Table>
@@ -674,7 +835,7 @@ class SimpleActionsTable extends React.Component {
         'Branches',
         { title: 'Pull requests' },
         'Workspaces',
-        'Last Commit'
+        'Last commit'
       ],
       rows: [
         {
@@ -734,12 +895,12 @@ class ActionsTable extends React.Component {
         'Branches',
         { title: 'Pull requests' },
         'Workspaces',
-        'Last Commit'
+        'Last commit'
       ],
       rows: [
         {
           cells: ['one', 'two', 'a', 'four', 'five'],
-          type: 'green',
+          type: 'green'
         },
         {
           cells: ['a', 'two', 'k', 'four', 'five'],
@@ -805,8 +966,8 @@ class ActionsTable extends React.Component {
         rows={rows}
         actionResolver={this.actionResolver}
         areActionsDisabled={this.areActionsDisabled}
-        dropdownPosition='right'
-        dropdownDirection='up'
+        dropdownPosition="right"
+        dropdownDirection="up"
       >
         <TableHeader />
         <TableBody />
@@ -831,7 +992,7 @@ class CellHeader extends React.Component {
         'Branches',
         { title: 'Pull requests' },
         'Workspaces',
-        'Last Commit'
+        'Last commit'
       ],
       rows: [['one', 'two', 'three', 'four', 'five']]
     };
@@ -866,7 +1027,11 @@ class CompactTable extends React.Component {
         { title: 'Pull requests', props: { className: 'pf-u-text-align-center' } },
         '' // deliberately empty
       ],
-      rows: [['one', 'two', 'three', 'four'], ['one', 'two', 'three', 'four'], ['one', 'two', 'three', 'four']]
+      rows: [
+        ['one', 'two', 'three', 'four'],
+        ['one', 'two', 'three', 'four'],
+        ['one', 'two', 'three', 'four']
+      ]
     };
   }
 
@@ -899,7 +1064,11 @@ class CompactTableBorderlessRows extends React.Component {
         { title: 'Pull requests', props: { className: 'pf-u-text-align-center' } },
         '' // deliberately empty
       ],
-      rows: [['one', 'two', 'three', 'four'], ['one', 'two', 'three', 'four'], ['one', 'two', 'three', 'four']]
+      rows: [
+        ['one', 'two', 'three', 'four'],
+        ['one', 'two', 'three', 'four'],
+        ['one', 'two', 'three', 'four']
+      ]
     };
   }
 
@@ -1022,7 +1191,7 @@ class CompactExpandableTable extends React.Component {
                 colSpan: 2
               }
             },
-            "fullWidth, spans the empty column"
+            'fullWidth, spans the empty column'
           ]
         }
       ]
@@ -1062,6 +1231,7 @@ class CompactExpandableTable extends React.Component {
 ```
 
 ### Expandable
+
 ```js
 import React from 'react';
 import { Table, TableHeader, TableBody, expandable } from '@patternfly/react-table';
@@ -1079,7 +1249,7 @@ class ExpandableTable extends React.Component {
         { title: 'Pull requests' },
         'Workspaces',
         {
-          title: 'Last Commit'
+          title: 'Last commit'
         }
       ],
       rows: [
@@ -1174,7 +1344,7 @@ class CompoundExpandableTable extends React.Component {
           title: 'Workspaces',
           cellTransforms: [compoundExpand]
         },
-        'Last Commit',
+        'Last commit',
         ''
       ],
       rows: [
@@ -1369,14 +1539,10 @@ class CompoundExpandableTable extends React.Component {
 ```
 
 ### With width modifiers
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  cellWidth
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, cellWidth } from '@patternfly/react-table';
 
 class WidthTable extends React.Component {
   constructor(props) {
@@ -1388,7 +1554,7 @@ class WidthTable extends React.Component {
         { title: 'Pull requests', transforms: [cellWidth(30)] },
         'Workspaces',
         {
-          title: 'Last Commit',
+          title: 'Last commit',
           transforms: [cellWidth('max')]
         }
       ],
@@ -1410,16 +1576,10 @@ class WidthTable extends React.Component {
 ```
 
 ### Breakpoint modifiers
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  sortable,
-  classNames,
-  Visibility
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, sortable, classNames, Visibility } from '@patternfly/react-table';
 
 class HiddenVisibleBreakpointTable extends React.Component {
   constructor(props) {
@@ -1428,7 +1588,9 @@ class HiddenVisibleBreakpointTable extends React.Component {
       columns: [
         {
           title: 'Repositories',
-          columnTransforms: [classNames(Visibility.hidden, Visibility.visibleOnMd, Visibility.hiddenOnLg, Visibility.visibleOn_2xl)]
+          columnTransforms: [
+            classNames(Visibility.hidden, Visibility.visibleOnMd, Visibility.hiddenOnLg, Visibility.visibleOn_2xl)
+          ]
         },
         'Branches',
         {
@@ -1437,7 +1599,7 @@ class HiddenVisibleBreakpointTable extends React.Component {
         },
         'Workspaces',
         {
-          title: 'Last Commit',
+          title: 'Last commit',
           columnTransforms: [classNames(Visibility.hidden, Visibility.visibleOnSm)]
         }
       ],
@@ -1594,7 +1756,7 @@ import {
 import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
 
 EmptyStateTable = () => {
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last Commit'];
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
   const rows = [];
   return (
     <React.Fragment>
diff --git a/packages/react-table/src/components/Table/examples/new.html b/packages/react-table/src/components/Table/examples/new.html
new file mode 100644
index 00000000000..2fbcc3dbeef
--- /dev/null
+++ b/packages/react-table/src/components/Table/examples/new.html
@@ -0,0 +1,90 @@
+<table
+  aria-label="Simple Table"
+  role="grid"
+  class="pf-c-table pf-m-grid-md"
+  data-ouia-component-type="PF4/Table"
+  data-ouia-safe="true"
+  data-ouia-component-id="OUIA-Generated-Table-3"
+>
+  <thead class="pf-m-nowrap">
+    <tr>
+      <th scope="col" data-label="Repositories" data-key="0" class="">
+        <div class="pf-c-table__column-help repositories-info-tip">
+          Repositories<span class="pf-c-table__column-help-action"
+            ><button
+              aria-describedby="pf-tooltip-2"
+              aria-disabled="false"
+              aria-label="More information about repositories"
+              class="pf-c-button pf-m-plain"
+              type="button"
+              data-ouia-component-type="PF4/Button"
+              data-ouia-safe="true"
+              data-ouia-component-id="OUIA-Generated-Button-plain-9"
+            >
+              <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 1024 1024" aria-hidden="true" role="img">
+                <path
+                  d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
+                ></path>
+              </svg></button
+          ></span>
+        </div>
+      </th>
+      <th scope="col" data-label="Repositories" data-key="1" class="">Branches</th>
+      <th scope="col" data-label="Pull requests" data-key="2" class="">
+        <div class="pf-c-table__column-help">
+          Pull requests<span class="pf-c-table__column-help-action"
+            ><button
+              aria-disabled="false"
+              aria-label="More information on pull requests"
+              class="pf-c-button pf-m-plain"
+              type="button"
+              data-ouia-component-type="PF4/Button"
+              data-ouia-safe="true"
+              data-ouia-component-id="OUIA-Generated-Button-plain-10"
+            >
+              <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 1024 1024" aria-hidden="true" role="img">
+                <path
+                  d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
+                ></path>
+              </svg></button
+          ></span>
+        </div>
+      </th>
+      <th scope="col" data-label="Workspaces" data-key="3" class="">Workspaces</th>
+      <th scope="col" data-label="Last commit" data-key="4" class="pf-m-center">Last commit</th>
+    </tr>
+  </thead>
+  <tbody role="rowgroup">
+    <tr
+      data-ouia-component-type="PF4/TableRow"
+      data-ouia-safe="true"
+      data-ouia-component-id="OUIA-Generated-TableRow-7"
+    >
+      <td data-label="Repositories" data-key="0" class="">one</td>
+      <td data-label="Branches" data-key="1" class="">two</td>
+      <td data-label="Pull requests" data-key="2" class="">three</td>
+      <td data-label="Workspaces" data-key="3" class="">four</td>
+      <td data-label="Last commit" data-key="4" class="pf-m-center">five</td>
+    </tr>
+    <tr
+      data-ouia-component-type="PF4/TableRow"
+      data-ouia-safe="true"
+      data-ouia-component-id="OUIA-Generated-TableRow-8"
+    >
+      <td data-label="Repositories" data-key="0" class="" title="hover title" colspan="3"><div>one - 2</div></td>
+      <td data-label="Workspaces" data-key="3" class="">four - 2</td>
+      <td data-label="Last commit" data-key="4" class="pf-m-center">five - 2</td>
+    </tr>
+    <tr
+      data-ouia-component-type="PF4/TableRow"
+      data-ouia-safe="true"
+      data-ouia-component-id="OUIA-Generated-TableRow-9"
+    >
+      <td data-label="Repositories" data-key="0" class="">one - 3</td>
+      <td data-label="Branches" data-key="1" class="">two - 3</td>
+      <td data-label="Pull requests" data-key="2" class="">three - 3</td>
+      <td data-label="Workspaces" data-key="3" class="">four - 3</td>
+      <td data-label="Last commit" data-key="4" class="">five - 3 (not centered)</td>
+    </tr>
+  </tbody>
+</table>
diff --git a/packages/react-table/src/components/Table/examples/old.html b/packages/react-table/src/components/Table/examples/old.html
new file mode 100644
index 00000000000..460b23d6dcb
--- /dev/null
+++ b/packages/react-table/src/components/Table/examples/old.html
@@ -0,0 +1,93 @@
+<table
+  aria-label="Simple Table"
+  role="grid"
+  class="pf-c-table pf-m-grid-md"
+  data-ouia-component-type="PF4/Table"
+  data-ouia-safe="true"
+  data-ouia-component-id="OUIA-Generated-Table-2"
+>
+  <thead class="pf-m-nowrap">
+    <tr>
+      <th scope="col" data-label="Repositories" data-key="0" class="">
+        <div class="pf-c-table__column-help repositories-info-tip">
+          Repositories<span class="pf-c-table__column-help-action"
+            ><button
+              aria-describedby="pf-tooltip-1"
+              aria-disabled="false"
+              aria-label="More information about repositories"
+              class="pf-c-button pf-m-plain"
+              type="button"
+              data-ouia-component-type="PF4/Button"
+              data-ouia-safe="true"
+              data-ouia-component-id="OUIA-Generated-Button-plain-3"
+            >
+              <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 1024 1024" aria-hidden="true" role="img">
+                <path
+                  d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
+                ></path>
+              </svg></button
+          ></span>
+        </div>
+      </th>
+      <th scope="col" data-label="Branches" data-key="1" class="">Branches</th>
+      <th scope="col" data-label="Pull requests" data-key="2" class="">
+        <div class="pf-c-table__column-help">
+          Pull requests<span class="pf-c-table__column-help-action"
+            ><button
+              aria-disabled="false"
+              aria-label="More information on pull requests"
+              class="pf-c-button pf-m-plain"
+              type="button"
+              data-ouia-component-type="PF4/Button"
+              data-ouia-safe="true"
+              data-ouia-component-id="OUIA-Generated-Button-plain-4"
+            >
+              <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 1024 1024" aria-hidden="true" role="img">
+                <path
+                  d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
+                ></path>
+              </svg></button
+          ></span>
+        </div>
+      </th>
+      <th scope="col" data-label="Workspaces" data-key="3" class="">Workspaces</th>
+      <th scope="col" data-label="Last commit" data-key="4" class="pf-m-center">Last commit</th>
+    </tr>
+  </thead>
+  <tbody role="rowgroup" class="">
+    <tr
+      class=""
+      data-ouia-component-type="PF4/TableRow"
+      data-ouia-safe="true"
+      data-ouia-component-id="OUIA-Generated-TableRow-1"
+    >
+      <td data-label="Repositories" data-key="0" class="">one</td>
+      <td data-label="Branches" data-key="1" class="">two</td>
+      <td data-label="Pull requests" data-key="2" class="">three</td>
+      <td data-label="Workspaces" data-key="3" class="">four</td>
+      <td data-label="Last commit" data-key="4" class="pf-m-center">five</td>
+    </tr>
+    <tr
+      class=""
+      data-ouia-component-type="PF4/TableRow"
+      data-ouia-safe="true"
+      data-ouia-component-id="OUIA-Generated-TableRow-3"
+    >
+      <td data-label="Repositories" data-key="0" title="hover title" class="" colspan="3"><div>one - 2</div></td>
+      <td data-label="Workspaces" data-key="3" class="">four - 2</td>
+      <td data-label="Last commit" data-key="4" class="pf-m-center">five - 2</td>
+    </tr>
+    <tr
+      class=""
+      data-ouia-component-type="PF4/TableRow"
+      data-ouia-safe="true"
+      data-ouia-component-id="OUIA-Generated-TableRow-5"
+    >
+      <td data-label="Repositories" data-key="0" class="">one - 3</td>
+      <td data-label="Branches" data-key="1" class="">two - 3</td>
+      <td data-label="Pull requests" data-key="2" class="">three - 3</td>
+      <td data-label="Workspaces" data-key="3" class="">four - 3</td>
+      <td data-label="Last commit" data-key="4" class="">five - 3 (not centered)</td>
+    </tr>
+  </tbody>
+</table>
diff --git a/packages/react-table/src/components/Table/examples/original.html b/packages/react-table/src/components/Table/examples/original.html
new file mode 100644
index 00000000000..309af912e1f
--- /dev/null
+++ b/packages/react-table/src/components/Table/examples/original.html
@@ -0,0 +1,103 @@
+<table
+  aria-label="Simple Table"
+  role="grid"
+  class="pf-c-table pf-m-grid-md"
+  data-ouia-component-type="PF4/Table"
+  data-ouia-safe="true"
+  data-ouia-component-id="OUIA-Generated-Table-1"
+>
+  <thead class="pf-m-nowrap">
+    <tr>
+      <th scope="col" data-label="Repositories" data-key="0" class="">
+        <div class="pf-c-table__column-help repositories-info-tip">
+          Repositories<span class="pf-c-table__column-help-action"
+            ><button
+              aria-describedby="pf-tooltip-9"
+              aria-disabled="false"
+              aria-label="More information about repositories"
+              class="pf-c-button pf-m-plain"
+              type="button"
+              data-ouia-component-type="PF4/Button"
+              data-ouia-safe="true"
+              data-ouia-component-id="OUIA-Generated-Button-plain-1"
+            >
+              <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 1024 1024" aria-hidden="true" role="img">
+                <path
+                  d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
+                ></path>
+              </svg></button
+          ></span>
+        </div>
+      </th>
+      <th scope="col" data-label="Branches" data-key="1" class="">Branches</th>
+      <th scope="col" data-label="Pull requests" data-key="2" class="">
+        <div class="pf-c-table__column-help">
+          Pull requests<span class="pf-c-table__column-help-action"
+            ><button
+              aria-disabled="false"
+              aria-label="More information on pull requests"
+              class="pf-c-button pf-m-plain"
+              type="button"
+              data-ouia-component-type="PF4/Button"
+              data-ouia-safe="true"
+              data-ouia-component-id="OUIA-Generated-Button-plain-2"
+            >
+              <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 1024 1024" aria-hidden="true" role="img">
+                <path
+                  d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
+                ></path>
+              </svg></button
+          ></span>
+        </div>
+      </th>
+      <th scope="col" data-label="Workspaces" data-key="3" class="">
+        Workspaces
+      </th>
+      <th scope="col" data-label="Last Commit" data-key="4" class="pf-m-center">
+        Last Commit
+      </th>
+    </tr>
+  </thead>
+  <tbody class="">
+    <tr
+      class=""
+      data-ouia-component-type="PF4/TableRow"
+      data-ouia-safe="true"
+      data-ouia-component-id="OUIA-Generated-TableRow-1"
+    >
+      <td data-label="Repositories" data-key="0" class="">one</td>
+      <td data-label="Branches" data-key="1" class="">two</td>
+      <td data-label="Pull requests" data-key="2" class="">three</td>
+      <td data-label="Workspaces" data-key="3" class="">four</td>
+      <td data-label="Last Commit" data-key="4" class="pf-m-center">five</td>
+    </tr>
+    <tr
+      class=""
+      data-ouia-component-type="PF4/TableRow"
+      data-ouia-safe="true"
+      data-ouia-component-id="OUIA-Generated-TableRow-2"
+    >
+      <td data-label="Repositories" data-key="0" title="hover title" class="" colspan="3">
+        <div>one - 2</div>
+      </td>
+      <td data-label="Workspaces" data-key="3" class="">four - 2</td>
+      <td data-label="Last Commit" data-key="4" class="pf-m-center">
+        five - 2
+      </td>
+    </tr>
+    <tr
+      class=""
+      data-ouia-component-type="PF4/TableRow"
+      data-ouia-safe="true"
+      data-ouia-component-id="OUIA-Generated-TableRow-3"
+    >
+      <td data-label="Repositories" data-key="0" class="">one - 3</td>
+      <td data-label="Branches" data-key="1" class="">two - 3</td>
+      <td data-label="Pull requests" data-key="2" class="">three - 3</td>
+      <td data-label="Workspaces" data-key="3" class="">four - 3</td>
+      <td data-label="Last Commit" data-key="4" class="">
+        five - 3 (not centered)
+      </td>
+    </tr>
+  </tbody>
+</table>
diff --git a/packages/react-table/src/components/Table/index.ts b/packages/react-table/src/components/Table/index.ts
index 3b115a1281e..b8842c472d6 100644
--- a/packages/react-table/src/components/Table/index.ts
+++ b/packages/react-table/src/components/Table/index.ts
@@ -9,6 +9,7 @@ export * from './EditableTextCell';
 export * from './ExpandableRowContent';
 export * from './Header';
 export * from './HeaderCell';
+export * from './HeaderCellInfoWrapper';
 export * from './RowWrapper';
 export * from './SelectColumn';
 export * from './SortColumn';
diff --git a/packages/react-table/src/components/index.ts b/packages/react-table/src/components/index.ts
index ac14d412632..6089b1a01e7 100644
--- a/packages/react-table/src/components/index.ts
+++ b/packages/react-table/src/components/index.ts
@@ -1,2 +1,2 @@
 export * from './Table';
-export * from './LightTable';
+export * from './BaseTable';

From ad16ec5f0580b3100241b13e0db302b12d5a200f Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Mon, 5 Oct 2020 23:40:19 -0400
Subject: [PATCH 05/29] wip

---
 .../src/components/BaseTable/BaseBodyCell.tsx |    121 +-
 .../components/BaseTable/BaseHeaderCell.tsx   |    107 +-
 .../components/BaseTable/BaseTableBody.tsx    |      8 +-
 .../__snapshots__/RowWrapper.test.tsx.snap    |     63 +-
 .../Table/__snapshots__/Table.test.tsx.snap   | 304829 ++++++++-------
 .../src/components/Table/examples/Table.md    |    351 +-
 .../src/components/Table/examples/new.html    |     90 -
 .../src/components/Table/examples/old.html    |     93 -
 .../components/Table/examples/original.html   |    103 -
 9 files changed, 156902 insertions(+), 148863 deletions(-)
 delete mode 100644 packages/react-table/src/components/Table/examples/new.html
 delete mode 100644 packages/react-table/src/components/Table/examples/old.html
 delete mode 100644 packages/react-table/src/components/Table/examples/original.html

diff --git a/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx b/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
index 4ef0a15754d..dfbabf8816e 100644
--- a/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
@@ -1,8 +1,21 @@
 import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
+import {
+  OnSelect,
+  selectable,
+  cellActions,
+  IAreActionsDisabled,
+  IActionsResolver,
+  IActions,
+  IFormatterValueType
+} from '../Table';
+import {
+  DropdownDirection,
+  DropdownPosition
+} from '@patternfly/react-core/dist/js/components/Dropdown/dropdownConstants';
 
-export interface BaseBodyCellProps extends React.HTMLProps<HTMLTableDataCellElement> {
+export interface BaseBodyCellProps extends Omit<React.HTMLProps<HTMLTableDataCellElement>, 'onSelect'> {
   /** Content rendered inside the <td> body cell */
   children?: React.ReactNode;
   /** Additional classes added to the <td> body cell  */
@@ -12,12 +25,32 @@ export interface BaseBodyCellProps extends React.HTMLProps<HTMLTableDataCellElem
    * This attribute replaces table header in mobile viewport. It is rendered by ::before pseudo element.
    */
   dataLabel?: string;
-  /** Cell key */
-  dataKey?: number;
+  /** The column index */
+  columnIndex?: number;
+  /** The row index */
+  rowIndex?: number;
   /** Modifies cell to center its contents. */
   textCenter?: boolean;
   /** Style modifier to apply */
   modifier?: 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap';
+  /** Transforms the cell into a selectable cell - Click callback on select */
+  onSelect?: OnSelect;
+  /** Whether the checkbox is selected */
+  isSelected?: boolean;
+  /** The selectable variant */
+  selectVariant?: 'checkbox' | 'radio';
+  /** Whether all rows are selected */
+  allRowsSelected?: boolean;
+  /** Whether to disable the selection */
+  disableSelection?: boolean;
+  /** Cell actions */
+  actions?: IActions;
+  /** Whether to disable the actions */
+  actionsDisabled?: boolean;
+  /** Actions dropdown position */
+  actionsDropdownPosition?: DropdownPosition;
+  /** Actions dropdown direction */
+  actionsDropdownDirection?: DropdownDirection;
   /** Forwarded ref */
   innerRef?: React.Ref<any>;
 }
@@ -26,26 +59,76 @@ const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
   children,
   className,
   dataLabel,
-  dataKey,
+  columnIndex,
+  rowIndex,
   textCenter = false,
   modifier,
+  onSelect,
+  isSelected = false,
+  selectVariant = 'checkbox',
+  allRowsSelected,
+  disableSelection = false,
+  actions,
+  actionsDisabled,
+  actionsDropdownPosition,
+  actionsDropdownDirection,
   innerRef,
   ...props
-}: BaseBodyCellProps) => (
-  <td
-    data-label={dataLabel}
-    data-key={dataKey}
-    className={css(
-      className,
-      textCenter && styles.modifiers.center,
-      modifier && styles.modifiers[modifier as 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap']
-    )}
-    ref={innerRef}
-    {...props}
-  >
-    {children}
-  </td>
-);
+}: BaseBodyCellProps) => {
+  const selectParams = onSelect
+    ? selectable(children as IFormatterValueType, {
+        columnIndex,
+        rowIndex,
+        rowData: {
+          selected: isSelected,
+          disableSelection
+        },
+        column: {
+          extraParams: {
+            onSelect: onSelect as OnSelect,
+            selectVariant: selectVariant as 'checkbox' | 'radio',
+            allRowsSelected
+          }
+        }
+      })
+    : null;
+  const actionParamsFunc = actions ? cellActions(actions, null, null) : null;
+  const actionParams = actionParamsFunc
+    ? actionParamsFunc(null, {
+        rowIndex,
+        columnIndex,
+        rowData: {
+          disableActions: actionsDisabled
+        },
+        column: {
+          extraParams: {
+            dropdownPosition: actionsDropdownPosition,
+            dropdownDirection: actionsDropdownDirection
+          }
+        }
+      })
+    : null;
+  const Component: any = (selectParams && selectParams.component) || 'td';
+  const transformedChildren =
+    (selectParams && selectParams.children) || (actionParams && actionParams.children) || children;
+  return (
+    <Component
+      data-label={dataLabel}
+      data-key={columnIndex}
+      className={css(
+        className,
+        textCenter && styles.modifiers.center,
+        selectParams && selectParams.className,
+        actionParams && actionParams.className,
+        modifier && styles.modifiers[modifier as 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap']
+      )}
+      ref={innerRef}
+      {...props}
+    >
+      {transformedChildren}
+    </Component>
+  );
+};
 
 export const BaseBodyCell = React.forwardRef((props: BaseBodyCellProps, ref: React.Ref<HTMLTableDataCellElement>) => (
   <BaseBodyCellBase {...props} innerRef={ref} />
diff --git a/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx b/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
index b1f18816792..59b26ef28d4 100644
--- a/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
@@ -1,29 +1,42 @@
 import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
-import { SortByDirection, SortColumn } from '../Table';
+import {
+  SortByDirection,
+  sortable,
+  selectable,
+  OnSelect,
+  IFormatterValueType,
+  IColumn,
+  ISortBy,
+  OnSort
+} from '../Table';
 
-export interface BaseHeaderCellProps extends React.HTMLProps<HTMLTableHeaderCellElement> {
+export interface BaseHeaderCellProps extends Omit<React.HTMLProps<HTMLTableHeaderCellElement>, 'onSelect'> {
   /** Content rendered inside the <th> header cell */
   children?: React.ReactNode;
   /** Additional classes added to the <th> header cell  */
   className?: string;
   /** Modifies cell to center its contents. */
   textCenter?: boolean;
-  /** Wraps the content in a button and adds a sort icon */
-  sortable?: boolean;
-  /** Req. sortable={true} - Click callback on the sortable cell */
+  /** Wraps the content in a button and adds a sort icon - Click callback on the sortable cell */
   onSort?: Function;
-  /** Req. sortable={true} - Determines the sort icon direction */
-  sortDirection?: SortByDirection | 'none';
-  /** Gives the cell an active styling */
-  active?: boolean;
+  /** Sort direction of the currently sorted column */
+  activeSortDirection?: SortByDirection | 'asc' | 'desc' | 'none';
+  /** Index of the currently sorted column */
+  activeSortIndex?: number;
   /** Adds data-label attribute */
   dataLabel?: string;
-  /** Cell key */
-  dataKey?: number;
+  /** The column index */
+  columnIndex?: number;
   /** Style modifier to apply */
   modifier?: 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap';
+  /** Transforms the cell into a selectable cell - Click callback on select */
+  onSelect?: OnSelect;
+  /** The selectable variant */
+  selectVariant?: 'checkbox' | 'radio';
+  /** Whether all rows are selected */
+  allRowsSelected?: boolean;
   /** Forwarded ref */
   innerRef?: React.Ref<any>;
 }
@@ -32,53 +45,65 @@ const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
   children,
   className,
   textCenter = false,
-  sortable = false,
   onSort,
-  sortDirection = 'none',
-  active,
+  activeSortDirection = 'none',
+  activeSortIndex,
   dataLabel,
-  dataKey,
+  columnIndex,
   modifier,
+  onSelect,
+  selectVariant = 'checkbox',
+  allRowsSelected,
   innerRef,
   ...props
 }: BaseHeaderCellProps) => {
-  const getAriaSort = () => {
-    if (sortDirection === 'asc') {
-      return 'ascending';
-    } else if (sortDirection === 'desc') {
-      return 'descending';
-    } else {
-      return 'none';
-    }
-  };
+  const sortParams = onSort
+    ? sortable(children as IFormatterValueType, {
+        columnIndex,
+        column: {
+          extraParams: {
+            sortBy: {
+              index: activeSortIndex,
+              direction: activeSortDirection
+            } as ISortBy,
+            onSort: onSort as OnSort
+          }
+        } as IColumn
+      })
+    : null;
+  const selectParams = onSelect
+    ? selectable(children as IFormatterValueType, {
+        columnIndex,
+        column: {
+          extraParams: {
+            onSelect: onSelect as OnSelect,
+            selectVariant: selectVariant as 'checkbox' | 'radio',
+            allRowsSelected
+          }
+        }
+      })
+    : null;
+  const Component: any = (sortParams && sortParams.component) || (selectParams && selectParams.component) || 'th';
+  const transformedChildren =
+    (sortParams && sortParams.children) || (selectParams && selectParams.children) || children;
   return (
-    <th
+    <Component
       scope="col"
-      aria-sort={sortable ? getAriaSort() : null}
+      aria-sort={sortParams ? (sortParams['aria-sort'] as 'none' | 'ascending' | 'descending') : 'none'}
       ref={innerRef}
       data-label={dataLabel || (typeof children === 'string' ? children : null)}
-      data-key={dataKey}
+      data-key={columnIndex}
       className={css(
         className,
         textCenter && styles.modifiers.center,
-        sortable && styles.tableSort,
-        active && styles.modifiers.selected,
+        sortParams && sortParams.className,
+        selectParams && selectParams.className,
         modifier && styles.modifiers[modifier as 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap']
       )}
       {...props}
     >
-      {sortable ? (
-        <SortColumn
-          isSortedBy={sortDirection !== 'none'}
-          sortDirection={sortDirection !== 'none' ? sortDirection : ''}
-          onSort={onSort}
-        >
-          {children}
-        </SortColumn>
-      ) : (
-        children
-      )}
-    </th>
+      {transformedChildren}
+    </Component>
   );
 };
 
diff --git a/packages/react-table/src/components/BaseTable/BaseTableBody.tsx b/packages/react-table/src/components/BaseTable/BaseTableBody.tsx
index 8b52398aedd..f7ced7ca81d 100644
--- a/packages/react-table/src/components/BaseTable/BaseTableBody.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseTableBody.tsx
@@ -20,9 +20,7 @@ const BaseTableBodyBase: React.FunctionComponent<BaseTableBodyProps> = ({
   </tbody>
 );
 
-export const BaseTableBody = React.forwardRef(
-  (props: BaseTableBodyProps, ref: React.Ref<HTMLTableSectionElement>) => (
-    <BaseTableBodyBase {...props} innerRef={ref} />
-  )
-);
+export const BaseTableBody = React.forwardRef((props: BaseTableBodyProps, ref: React.Ref<HTMLTableSectionElement>) => (
+  <BaseTableBodyBase {...props} innerRef={ref} />
+));
 BaseTableBody.displayName = 'BaseTableBody';
diff --git a/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap b/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap
index f2c0c1cedec..9703ff1caca 100644
--- a/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap
+++ b/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap
@@ -37,13 +37,49 @@ exports[`RowWrapper renders correctly 1`] = `
         }
       }
     >
-      <tr
+      <BaseTableBodyRow
         className=""
         data-ouia-component-id="OUIA-Generated-TableRow-1"
         data-ouia-component-type="PF4/TableRow"
         data-ouia-safe={true}
         hidden={false}
-      />
+      >
+        <BaseTableBodyRowBase
+          className=""
+          data-ouia-component-id="OUIA-Generated-TableRow-1"
+          data-ouia-component-type="PF4/TableRow"
+          data-ouia-safe={true}
+          hidden={false}
+          innerRef={
+            [MockFunction] {
+              "calls": Array [
+                Array [
+                  <tr
+                    class=""
+                    data-ouia-component-id="OUIA-Generated-TableRow-1"
+                    data-ouia-component-type="PF4/TableRow"
+                    data-ouia-safe="true"
+                  />,
+                ],
+              ],
+              "results": Array [
+                Object {
+                  "type": "return",
+                  "value": undefined,
+                },
+              ],
+            }
+          }
+        >
+          <tr
+            className=""
+            data-ouia-component-id="OUIA-Generated-TableRow-1"
+            data-ouia-component-type="PF4/TableRow"
+            data-ouia-safe={true}
+            hidden={false}
+          />
+        </BaseTableBodyRowBase>
+      </BaseTableBodyRow>
     </RowWrapper>
   </tbody>
 </table>
@@ -61,13 +97,30 @@ exports[`RowWrapper renders expanded correctly 1`] = `
       }
       rowProps={null}
     >
-      <tr
+      <BaseTableBodyRow
         className="pf-c-table__expandable-row pf-m-expanded"
-        data-ouia-component-id="OUIA-Generated-TableRow-2"
+        data-ouia-component-id="OUIA-Generated-TableRow-3"
         data-ouia-component-type="PF4/TableRow"
         data-ouia-safe={true}
         hidden={false}
-      />
+      >
+        <BaseTableBodyRowBase
+          className="pf-c-table__expandable-row pf-m-expanded"
+          data-ouia-component-id="OUIA-Generated-TableRow-3"
+          data-ouia-component-type="PF4/TableRow"
+          data-ouia-safe={true}
+          hidden={false}
+          innerRef={null}
+        >
+          <tr
+            className="pf-c-table__expandable-row pf-m-expanded"
+            data-ouia-component-id="OUIA-Generated-TableRow-3"
+            data-ouia-component-type="PF4/TableRow"
+            data-ouia-safe={true}
+            hidden={false}
+          />
+        </BaseTableBodyRowBase>
+      </BaseTableBodyRow>
     </RowWrapper>
   </tbody>
 </table>
diff --git a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
index f7c100ba941..e10aebb929d 100644
--- a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
+++ b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
@@ -125,7 +125,8 @@ exports[`Actions table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -397,9 +398,9 @@ exports[`Actions table 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-15"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -414,325 +415,44 @@ exports[`Actions table 1`] = `
     }
     role="grid"
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-15"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-30"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-5",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -1003,1503 +723,634 @@ exports[`Actions table 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-5",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      component="td"
-                      data-key={5}
-                      data-label=""
-                      key="5-header"
-                      scope=""
-                    >
-                      <td
-                        className=""
-                        data-key={5}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      />
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": [Function],
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": [Function],
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": [Function],
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": [Function],
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": [Function],
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": [Function],
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": [Function],
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": [Function],
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": [Function],
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": [Function],
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": [Function],
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": [Function],
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "column-5",
-                "props": Object {
-                  "data-key": 5,
-                  "data-label": "",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  component="td"
+                                  data-key={5}
+                                  data-label=""
+                                  key="5-header"
+                                  scope=""
+                                >
+                                  <td
+                                    className=""
+                                    data-key={5}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                  />
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
+              className=""
+              headerData={
+                Array [
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": [Function],
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": [Function],
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Header cell",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
+                    "property": "header-cell",
                     "props": Object {
                       "data-key": 0,
                       "data-label": "Header cell",
@@ -2730,16 +1581,12 @@ exports[`Actions table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -2747,50 +1594,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -2798,50 +1603,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -2849,50 +1612,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -2900,50 +1621,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -2951,50 +1630,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -3002,50 +1639,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -3053,50 +1648,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -3104,50 +1657,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -3155,530 +1666,321 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -3701,10 +2003,10 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 6,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -3752,7 +2054,7 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -3803,13 +2105,13 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -3832,6 +2134,12 @@ exports[`Actions table 1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -3854,10 +2162,10 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -3905,7 +2213,7 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -3956,7 +2264,7 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -4007,7 +2315,7 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -4058,7 +2366,7 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -4109,13 +2417,13 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -4138,1157 +2446,744 @@ exports[`Actions table 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": [Function],
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": [Function],
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": [Function],
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": [Function],
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": [Function],
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": [Function],
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": [Function],
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": [Function],
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": [Function],
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": [Function],
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": [Function],
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": [Function],
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "column-5",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-121"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-0"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 0,
-                                }
-                              }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 0,
-                                  "isExpanded": undefined,
-                                  "isFirst": true,
-                                  "isFirstVisible": true,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-11"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-10"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-11"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-10"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-10"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-11"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-10"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-10"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-5",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -5311,7 +3206,7 @@ exports[`Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 1,
+                        "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -5339,819 +3234,193 @@ exports[`Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-122"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-1"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 1,
-                                }
-                              }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 1,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-12"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-11"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-12"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-11"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-11"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-12"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-11"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-11"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-5",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -6174,7 +3443,7 @@ exports[`Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 2,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -6202,819 +3471,58 @@ exports[`Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-123"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-2"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 2,
-                                }
-                              }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 2,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-13"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-12"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-13"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-12"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-12"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-13"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-12"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-12"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -7065,819 +3573,58 @@ exports[`Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-124"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-3"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 3,
-                                }
-                              }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 3,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-14"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-13"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-14"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-13"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-13"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-14"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-13"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-13"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -7900,7 +3647,7 @@ exports[`Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -7928,819 +3675,58 @@ exports[`Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-125"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-4"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 4,
-                                }
-                              }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 4,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-15"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-14"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-15"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-14"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-14"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-15"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-14"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-14"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -8763,7 +3749,7 @@ exports[`Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -8791,824 +3777,12 @@ exports[`Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-126"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-5"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 5,
-                                }
-                              }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 5,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-16"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-15"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-16"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-15"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-15"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-16"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-15"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-15"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
                           "title": "two",
                         },
@@ -9626,13 +3800,13 @@ exports[`Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -9654,15 +3828,15 @@ exports[`Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -9685,10 +3859,10 @@ exports[`Actions table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 0,
                           "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
+                          "isFirst": true,
+                          "isFirstVisible": true,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
@@ -9713,819 +3887,58 @@ exports[`Actions table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-127"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-6"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 6,
-                                }
-                              }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 6,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-17"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-16"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-17"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-16"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-16"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-17"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-16"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-16"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "header": Object {
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 1,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "header": Object {
+                          "workspaces": Object {
                             "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -10548,7 +3961,7 @@ exports[`Actions table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 2,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -10576,190 +3989,668 @@ exports[`Actions table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-128"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
+                          <BodyRow
+                            columns={
+                              Array [
                                 Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
                                   },
-                                  "columnIndex": 5,
                                   "property": "column-5",
-                                  "rowIndex": 7,
-                                }
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
                               }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                ]
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
                               }
-                              rowData={
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
                                   "branches": Object {
                                     "formatters": Array [],
@@ -10782,10 +4673,10 @@ exports[`Actions table 1`] = `
                                     },
                                     "title": "one",
                                   },
-                                  "id": 7,
+                                  "id": 0,
                                   "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
                                   "isHeightAuto": false,
                                   "isLast": false,
                                   "isLastVisible": false,
@@ -10812,817 +4703,836 @@ exports[`Actions table 1`] = `
                                   },
                                 }
                               }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
                             >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-241"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-241"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-241"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
                                       data-key={0}
-                                      onClick={[Function]}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
                                     >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={1}
-                                      onClick={[Function]}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
                                     >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={3}
-                                      onClick={[Function]}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
                                     >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
                                       >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
                                       >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-0"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
                                       >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-18"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-17"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-18"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": [Function],
+                                                  "actions": undefined,
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": [Function],
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 0,
+                                            }
+                                          }
+                                          isDisabled={false}
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 0,
+                                              "isExpanded": undefined,
+                                              "isFirst": true,
+                                              "isFirstVisible": true,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                isDisabled={false}
+                                                onToggle={[Function]}
+                                              />
+                                            }
                                           >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-17"
-                                              type="button"
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  isDisabled={false}
+                                                  onToggle={[Function]}
+                                                />
+                                              }
                                             >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-11"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
                                               >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-17"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-18"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-17"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-10"
+                                                  isDisabled={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-11"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-10"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
                                                 >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-17"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-129"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-8"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-10"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-11"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-10"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-10"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
                                 Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
                                   },
-                                  "columnIndex": 5,
                                   "property": "column-5",
-                                  "rowIndex": 8,
-                                }
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
                               }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                ]
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
                               }
-                              rowData={
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
                                   "branches": Object {
                                     "formatters": Array [],
@@ -11645,13 +5555,13 @@ exports[`Actions table 1`] = `
                                     },
                                     "title": "one",
                                   },
-                                  "id": 8,
+                                  "id": 1,
                                   "isExpanded": undefined,
                                   "isFirst": false,
                                   "isFirstVisible": false,
                                   "isHeightAuto": false,
-                                  "isLast": true,
-                                  "isLastVisible": true,
+                                  "isLast": false,
+                                  "isLastVisible": false,
                                   "last-commit": Object {
                                     "formatters": Array [],
                                     "props": Object {
@@ -11675,362 +5585,6793 @@ exports[`Actions table 1`] = `
                                   },
                                 }
                               }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
                             >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-243"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-243"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-243"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
                                       data-key={0}
-                                      onClick={[Function]}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
                                     >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={1}
-                                      onClick={[Function]}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
                                     >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={3}
-                                      onClick={[Function]}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
                                     >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-1"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": [Function],
+                                                  "actions": undefined,
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": [Function],
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 1,
+                                            }
+                                          }
+                                          isDisabled={false}
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 1,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                isDisabled={false}
+                                                onToggle={[Function]}
+                                              />
+                                            }
+                                          >
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  isDisabled={false}
+                                                  onToggle={[Function]}
+                                                />
+                                              }
+                                            >
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-12"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-11"
+                                                  isDisabled={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-12"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-11"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-11"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-12"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-11"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-11"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
                                 }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
                                 }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-245"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
                               >
-                                <DropdownWithContext
-                                  autoFocus={true}
+                                <BaseTableBodyRowBase
                                   className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-245"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-245"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={0}
-                                        onClick={[Function]}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
                                       >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={1}
-                                        onClick={[Function]}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
                                       >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={3}
-                                        onClick={[Function]}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
                                       >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-19"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-18"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-19"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-2"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": [Function],
+                                                  "actions": undefined,
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": [Function],
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 2,
+                                            }
+                                          }
+                                          isDisabled={false}
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 2,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                isDisabled={false}
+                                                onToggle={[Function]}
+                                              />
+                                            }
                                           >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-18"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  isDisabled={false}
+                                                  onToggle={[Function]}
                                                 />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-18"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-19"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
+                                              }
                                             >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-18"
-                                                type="button"
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-13"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
                                               >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-12"
+                                                  isDisabled={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-13"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-12"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
                                                 >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-12"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-13"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-12"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-12"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-247"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-247"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-247"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-18"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-3"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": [Function],
+                                                  "actions": undefined,
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": [Function],
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 3,
+                                            }
+                                          }
+                                          isDisabled={false}
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 3,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
                                         >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                isDisabled={false}
+                                                onToggle={[Function]}
+                                              />
+                                            }
                                           >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  isDisabled={false}
+                                                  onToggle={[Function]}
+                                                />
                                               }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
                                             >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
-  </Provider>
-</Table>
-`;
-
-exports[`Cell header table 1`] = `
-<Table
-  aria-label="Aria labeled"
-  borders={true}
-  canSelectAll={true}
-  cells={
-    Array [
-      Object {
-        "cellTransforms": Array [
-          [Function],
-        ],
-        "title": "Header cell",
-        "transforms": Array [
-          [Function],
-        ],
-      },
-      "Branches",
-      Object {
-        "title": "Pull requests",
-      },
-      "Workspaces",
-      Object {
-        "title": "Last Commit",
-      },
-    ]
-  }
-  className=""
-  contentId="expanded-content"
-  dropdownDirection="down"
-  dropdownPosition="right"
-  expandId="expandable-toggle"
-  gridBreakPoint="grid-md"
-  isStickyHeader={false}
-  ouiaSafe={true}
-  role="grid"
-  rowLabeledBy="simple-node"
-  rows={
-    Array [
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-14"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-13"
+                                                  isDisabled={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-14"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-13"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-13"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-14"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-13"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-13"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-249"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-249"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-249"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-4"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": [Function],
+                                                  "actions": undefined,
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": [Function],
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 4,
+                                            }
+                                          }
+                                          isDisabled={false}
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 4,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                isDisabled={false}
+                                                onToggle={[Function]}
+                                              />
+                                            }
+                                          >
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  isDisabled={false}
+                                                  onToggle={[Function]}
+                                                />
+                                              }
+                                            >
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-15"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-14"
+                                                  isDisabled={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-15"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-14"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-14"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-15"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-14"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-14"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-251"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-251"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-251"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-5"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": [Function],
+                                                  "actions": undefined,
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": [Function],
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 5,
+                                            }
+                                          }
+                                          isDisabled={false}
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 5,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                isDisabled={false}
+                                                onToggle={[Function]}
+                                              />
+                                            }
+                                          >
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  isDisabled={false}
+                                                  onToggle={[Function]}
+                                                />
+                                              }
+                                            >
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-16"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-15"
+                                                  isDisabled={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-16"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-15"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-15"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-16"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-15"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-15"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-253"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-253"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-253"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-6"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": [Function],
+                                                  "actions": undefined,
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": [Function],
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 6,
+                                            }
+                                          }
+                                          isDisabled={false}
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 6,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                isDisabled={false}
+                                                onToggle={[Function]}
+                                              />
+                                            }
+                                          >
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  isDisabled={false}
+                                                  onToggle={[Function]}
+                                                />
+                                              }
+                                            >
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-17"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-16"
+                                                  isDisabled={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-17"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-16"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-16"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-17"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-16"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-16"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-255"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-255"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-255"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-7"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": [Function],
+                                                  "actions": undefined,
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": [Function],
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 7,
+                                            }
+                                          }
+                                          isDisabled={false}
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 7,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                isDisabled={false}
+                                                onToggle={[Function]}
+                                              />
+                                            }
+                                          >
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  isDisabled={false}
+                                                  onToggle={[Function]}
+                                                />
+                                              }
+                                            >
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-18"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-17"
+                                                  isDisabled={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-18"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-17"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-17"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-18"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-17"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-17"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-257"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-257"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-257"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-8"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": [Function],
+                                                  "actions": undefined,
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": [Function],
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 8,
+                                            }
+                                          }
+                                          isDisabled={false}
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 8,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": true,
+                                              "isLastVisible": true,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                isDisabled={false}
+                                                onToggle={[Function]}
+                                              />
+                                            }
+                                          >
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  isDisabled={false}
+                                                  onToggle={[Function]}
+                                                />
+                                              }
+                                            >
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-19"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-18"
+                                                  isDisabled={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-19"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-18"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-18"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-19"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-18"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-18"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
+  </Provider>
+</Table>
+`;
+
+exports[`Cell header table 1`] = `
+<Table
+  aria-label="Aria labeled"
+  borders={true}
+  canSelectAll={true}
+  cells={
+    Array [
+      Object {
+        "cellTransforms": Array [
+          [Function],
+        ],
+        "title": "Header cell",
+        "transforms": Array [
+          [Function],
+        ],
+      },
+      "Branches",
+      Object {
+        "title": "Pull requests",
+      },
+      "Workspaces",
+      Object {
+        "title": "Last Commit",
+      },
+    ]
+  }
+  className=""
+  contentId="expanded-content"
+  dropdownDirection="down"
+  dropdownPosition="right"
+  expandId="expandable-toggle"
+  gridBreakPoint="grid-md"
+  isStickyHeader={false}
+  ouiaSafe={true}
+  role="grid"
+  rowLabeledBy="simple-node"
+  rows={
+    Array [
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
       },
       Object {
         "cells": Array [
@@ -12048,7 +12389,8 @@ exports[`Cell header table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -12170,402 +12512,166 @@ exports[`Cell header table 1`] = `
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
             "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Pull requests",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "pull-requests",
-          "props": Object {
-            "data-key": 2,
-            "data-label": "Pull requests",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-16"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-16"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Pull requests",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "pull-requests",
+          "props": Object {
+            "data-key": 2,
+            "data-label": "Pull requests",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-32"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -12740,1454 +12846,585 @@ exports[`Cell header table 1`] = `
                           ],
                         },
                         "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -14414,547 +13651,12 @@ exports[`Cell header table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
               onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
+              onRowClick={[Function]}
               rowKey="id"
               rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -14962,50 +13664,8 @@ exports[`Cell header table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -15013,101 +13673,26 @@ exports[`Cell header table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
                       "three",
                       "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -15115,50 +13700,8 @@ exports[`Cell header table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -15166,50 +13709,8 @@ exports[`Cell header table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -15217,50 +13718,8 @@ exports[`Cell header table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -15268,50 +13727,8 @@ exports[`Cell header table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -15319,46 +13736,11 @@ exports[`Cell header table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
             >
-              <BodyWrapper
+              <Body
                 className=""
                 headerRows={null}
                 mappedRows={
@@ -15821,1142 +14203,808 @@ exports[`Cell header table 1`] = `
                         },
                         "title": "four",
                       },
-                    },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-130"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-0"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                    },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-131"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-1"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -17007,402 +15055,109 @@ exports[`Cell header table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-132"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-2"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -17425,7 +15180,7 @@ exports[`Cell header table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -17453,402 +15208,295 @@ exports[`Cell header table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-133"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-3"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -17871,7 +15519,7 @@ exports[`Cell header table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -17899,402 +15547,262 @@ exports[`Cell header table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-134"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-4"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -18317,13 +15825,13 @@ exports[`Cell header table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -18345,15 +15853,15 @@ exports[`Cell header table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -18376,10 +15884,10 @@ exports[`Cell header table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 5,
+                          "id": 0,
                           "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
+                          "isFirst": true,
+                          "isFirstVisible": true,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
@@ -18404,402 +15912,313 @@ exports[`Cell header table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-135"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-5"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 1,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -18822,7 +16241,7 @@ exports[`Cell header table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 7,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -18850,1005 +16269,4268 @@ exports[`Cell header table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-136"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-259"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-259"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-259"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-0"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-261"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-261"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-261"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-1"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-263"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-263"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-263"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-2"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            <div
-                              id="test-headercol-6"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-137"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-265"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-265"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-265"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-3"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            <div
-                              id="test-headercol-7"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-138"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-267"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-267"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-267"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-4"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            <div
-                              id="test-headercol-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-269"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-269"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-269"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-5"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-271"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-271"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-271"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-6"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-273"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-273"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-273"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-7"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-275"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-275"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-275"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-8"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -19989,7 +20671,8 @@ exports[`Collapsible nested table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -20274,9 +20957,9 @@ exports[`Collapsible nested table 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-19"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -20291,338 +20974,44 @@ exports[`Collapsible nested table 1`] = `
     }
     role="grid"
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-19"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-38"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-0",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -20906,1493 +21295,606 @@ exports[`Collapsible nested table 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      component="td"
-                      data-key={0}
-                      data-label=""
-                      key="0-header"
-                      scope=""
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <td
+                      <thead
                         className=""
-                        data-key={0}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      />
-                    </HeaderCell>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={1}
-                      data-label="Header cell"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={1}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-0",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  component="td"
+                                  data-key={0}
+                                  data-label=""
+                                  key="0-header"
+                                  scope=""
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <td
+                                    className=""
+                                    data-key={0}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                  />
+                                </HeaderCell>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={1}
+                                  data-label="Header cell"
+                                  key="1-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={1}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Branches"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Pull requests"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Workspaces"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={5}
-                      data-label="Last Commit"
-                      key="5-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={5}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "column-0",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 5,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": true,
-                "parent": 0,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 1,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 3,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Branches"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Pull requests"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Workspaces"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={5}
+                                  data-label="Last Commit"
+                                  key="5-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={5}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -22648,202 +22150,41 @@ exports[`Collapsible nested table 1`] = `
                       "canSelectAll": true,
                       "contentId": "expanded-content",
                       "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 1,
+                      "onCollapse": [Function],
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "parent": 1,
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 5,
+                      "data-label": "Last Commit",
                     },
                   },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -22851,51 +22192,9 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -22903,51 +22202,10 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "isOpen": true,
+                    "parent": 0,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -22955,50 +22213,9 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "parent": 1,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -23006,50 +22223,9 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "isOpen": false,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -23057,50 +22233,9 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "parent": 3,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -23108,71 +22243,8 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
                   },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -23180,51 +22252,8 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -23232,52 +22261,8 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -23285,359 +22270,276 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "parent": 0,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "parent": 1,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 4,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "parent": 3,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -23660,14 +22562,13 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 5,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
-                      "isOpen": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -23712,14 +22613,13 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
-                      "isExpanded": false,
+                      "id": 6,
+                      "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
-                      "isOpen": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -23727,7 +22627,6 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "title": "five",
                       },
-                      "parent": 0,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -23765,8 +22664,8 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
-                      "isExpanded": false,
+                      "id": 7,
+                      "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
@@ -23779,7 +22678,6 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "title": "five",
                       },
-                      "parent": 1,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -23817,11 +22715,68 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
                       "isOpen": false,
@@ -23869,13 +22824,14 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 1,
                       "isExpanded": false,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
+                      "isOpen": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -23883,7 +22839,7 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "title": "five",
                       },
-                      "parent": 3,
+                      "parent": 0,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -23921,8 +22877,8 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
-                      "isExpanded": undefined,
+                      "id": 2,
+                      "isExpanded": false,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
@@ -23935,6 +22891,7 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "title": "five",
                       },
+                      "parent": 1,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -23972,13 +22929,14 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
+                      "isOpen": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -24023,8 +22981,8 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
-                      "isExpanded": undefined,
+                      "id": 4,
+                      "isExpanded": false,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
@@ -24037,6 +22995,7 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "title": "five",
                       },
+                      "parent": 3,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -24074,13 +23033,13 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -24103,1502 +23062,503 @@ exports[`Collapsible nested table 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                  key="tbody-0"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "isOpen": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-152"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__toggle"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className="pf-c-table__toggle"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node0 expandable-toggle0"
-                              id="expandable-toggle0"
-                              isOpen={false}
-                              onToggle={[Function]}
-                            >
-                              <Button
-                                aria-expanded={false}
-                                aria-label="Details"
-                                aria-labelledby="simple-node0 expandable-toggle0"
-                                className=""
-                                id="expandable-toggle0"
-                                onClick={[Function]}
-                                variant="plain"
-                              >
-                                <button
-                                  aria-disabled={false}
-                                  aria-expanded={false}
-                                  aria-label="Details"
-                                  aria-labelledby="simple-node0 expandable-toggle0"
-                                  className="pf-c-button pf-m-plain"
-                                  data-ouia-component-id="OUIA-Generated-Button-plain-9"
-                                  data-ouia-component-type="PF4/Button"
-                                  data-ouia-safe={true}
-                                  disabled={false}
-                                  id="expandable-toggle0"
-                                  onClick={[Function]}
-                                  role={null}
-                                  type="button"
-                                >
-                                  <div
-                                    className="pf-c-table__toggle-icon"
-                                  >
-                                    <AngleDownIcon
-                                      color="currentColor"
-                                      noVerticalAlign={false}
-                                      size="sm"
-                                    >
-                                      <svg
-                                        aria-hidden={true}
-                                        aria-labelledby={null}
-                                        fill="currentColor"
-                                        height="1em"
-                                        role="img"
-                                        style={
-                                          Object {
-                                            "verticalAlign": "-0.125em",
-                                          }
-                                        }
-                                        viewBox="0 0 320 512"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                        />
-                                      </svg>
-                                    </AngleDownIcon>
-                                  </div>
-                                </button>
-                              </Button>
-                            </CollapseColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-0"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "column-0",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "",
+                        },
+                      },
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "id": 1,
-                        "isExpanded": false,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "isOpen": true,
-                        "last-commit": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "parent": 0,
-                        "pull-requests": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "parent": 0,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-153"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__toggle"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className="pf-c-table__toggle"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node1 expandable-toggle1"
-                              id="expandable-toggle1"
-                              isOpen={true}
-                              onToggle={[Function]}
-                            >
-                              <Button
-                                aria-expanded={true}
-                                aria-label="Details"
-                                aria-labelledby="simple-node1 expandable-toggle1"
-                                className="pf-m-expanded"
-                                id="expandable-toggle1"
-                                onClick={[Function]}
-                                variant="plain"
-                              >
-                                <button
-                                  aria-disabled={false}
-                                  aria-expanded={true}
-                                  aria-label="Details"
-                                  aria-labelledby="simple-node1 expandable-toggle1"
-                                  className="pf-c-button pf-m-plain pf-m-expanded"
-                                  data-ouia-component-id="OUIA-Generated-Button-plain-10"
-                                  data-ouia-component-type="PF4/Button"
-                                  data-ouia-safe={true}
-                                  disabled={false}
-                                  id="expandable-toggle1"
-                                  onClick={[Function]}
-                                  role={null}
-                                  type="button"
-                                >
-                                  <div
-                                    className="pf-c-table__toggle-icon"
-                                  >
-                                    <AngleDownIcon
-                                      color="currentColor"
-                                      noVerticalAlign={false}
-                                      size="sm"
-                                    >
-                                      <svg
-                                        aria-hidden={true}
-                                        aria-labelledby={null}
-                                        fill="currentColor"
-                                        height="1em"
-                                        role="img"
-                                        style={
-                                          Object {
-                                            "verticalAlign": "-0.125em",
-                                          }
-                                        }
-                                        viewBox="0 0 320 512"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                        />
-                                      </svg>
-                                    </AngleDownIcon>
-                                  </div>
-                                </button>
-                              </Button>
-                            </CollapseColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          id="expanded-content1-1"
-                          isVisible={true}
-                          key="col-1-row-1"
-                          parentId={0}
-                        >
-                          <th
-                            className=""
-                            colSpan={1}
-                            data-key={1}
-                            data-label="Header cell"
-                            id="expanded-content1-1"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-1"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={2}
-                          data-label="Branches"
-                          id="expanded-content1-2"
-                          isVisible={true}
-                          key="col-2-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={2}
-                            data-label="Branches"
-                            id="expanded-content1-2"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={3}
-                          data-label="Pull requests"
-                          id="expanded-content1-3"
-                          isVisible={true}
-                          key="col-3-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={3}
-                            data-label="Pull requests"
-                            id="expanded-content1-3"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={4}
-                          data-label="Workspaces"
-                          id="expanded-content1-4"
-                          isVisible={true}
-                          key="col-4-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={4}
-                            data-label="Workspaces"
-                            id="expanded-content1-4"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={5}
-                          data-label="Last Commit"
-                          id="expanded-content1-5"
-                          isVisible={true}
-                          key="col-5-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={5}
-                            data-label="Last Commit"
-                            id="expanded-content1-5"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -25621,13 +23581,14 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 2,
+                        "id": 1,
                         "isExpanded": false,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
+                        "isOpen": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -25635,7 +23596,7 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "five",
                         },
-                        "parent": 1,
+                        "parent": 0,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -25650,510 +23611,111 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "parent": 1,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-154"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node2 expandable-toggle2"
-                              id="expandable-toggle2"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          id="expanded-content2-1"
-                          isVisible={true}
-                          key="col-1-row-2"
-                          parentId={1}
-                        >
-                          <th
-                            className=""
-                            colSpan={1}
-                            data-key={1}
-                            id="expanded-content2-1"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-2"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={2}
-                          data-label="Branches"
-                          id="expanded-content2-2"
-                          isVisible={true}
-                          key="col-2-row-2"
-                          parentId={1}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={2}
-                            id="expanded-content2-2"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={3}
-                          data-label="Pull requests"
-                          id="expanded-content2-3"
-                          isVisible={true}
-                          key="col-3-row-2"
-                          parentId={1}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={3}
-                            id="expanded-content2-3"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={4}
-                          data-label="Workspaces"
-                          id="expanded-content2-4"
-                          isVisible={true}
-                          key="col-4-row-2"
-                          parentId={1}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={4}
-                            id="expanded-content2-4"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={5}
-                          data-label="Last Commit"
-                          id="expanded-content2-5"
-                          isVisible={true}
-                          key="col-5-row-2"
-                          parentId={1}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={5}
-                            id="expanded-content2-5"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-1"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -26176,14 +23738,13 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
-                        "isExpanded": undefined,
+                        "id": 4,
+                        "isExpanded": false,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
-                        "isOpen": false,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -26191,6 +23752,7 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "five",
                         },
+                        "parent": 3,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -26205,536 +23767,296 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-155"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__toggle"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className="pf-c-table__toggle"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node3 expandable-toggle3"
-                              id="expandable-toggle3"
-                              isOpen={false}
-                              onToggle={[Function]}
-                            >
-                              <Button
-                                aria-expanded={false}
-                                aria-label="Details"
-                                aria-labelledby="simple-node3 expandable-toggle3"
-                                className=""
-                                id="expandable-toggle3"
-                                onClick={[Function]}
-                                variant="plain"
-                              >
-                                <button
-                                  aria-disabled={false}
-                                  aria-expanded={false}
-                                  aria-label="Details"
-                                  aria-labelledby="simple-node3 expandable-toggle3"
-                                  className="pf-c-button pf-m-plain"
-                                  data-ouia-component-id="OUIA-Generated-Button-plain-11"
-                                  data-ouia-component-type="PF4/Button"
-                                  data-ouia-safe={true}
-                                  disabled={false}
-                                  id="expandable-toggle3"
-                                  onClick={[Function]}
-                                  role={null}
-                                  type="button"
-                                >
-                                  <div
-                                    className="pf-c-table__toggle-icon"
-                                  >
-                                    <AngleDownIcon
-                                      color="currentColor"
-                                      noVerticalAlign={false}
-                                      size="sm"
-                                    >
-                                      <svg
-                                        aria-hidden={true}
-                                        aria-labelledby={null}
-                                        fill="currentColor"
-                                        height="1em"
-                                        role="img"
-                                        style={
-                                          Object {
-                                            "verticalAlign": "-0.125em",
-                                          }
-                                        }
-                                        viewBox="0 0 320 512"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                        />
-                                      </svg>
-                                    </AngleDownIcon>
-                                  </div>
-                                </button>
-                              </Button>
-                            </CollapseColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-3"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-0",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -26757,13 +24079,14 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 1,
                         "isExpanded": false,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
+                        "isOpen": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -26771,7 +24094,7 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "five",
                         },
-                        "parent": 3,
+                        "parent": 0,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -26786,510 +24109,316 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "parent": 3,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-156"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node4 expandable-toggle4"
-                              id="expandable-toggle4"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          id="expanded-content4-1"
-                          isVisible={true}
-                          key="col-1-row-4"
-                          parentId={3}
-                        >
-                          <th
-                            className=""
-                            colSpan={1}
-                            data-key={1}
-                            id="expanded-content4-1"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-4"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={2}
-                          data-label="Branches"
-                          id="expanded-content4-2"
-                          isVisible={true}
-                          key="col-2-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={2}
-                            id="expanded-content4-2"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={3}
-                          data-label="Pull requests"
-                          id="expanded-content4-3"
-                          isVisible={true}
-                          key="col-3-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={3}
-                            id="expanded-content4-3"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={4}
-                          data-label="Workspaces"
-                          id="expanded-content4-4"
-                          isVisible={true}
-                          key="col-4-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={4}
-                            id="expanded-content4-4"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={5}
-                          data-label="Last Commit"
-                          id="expanded-content4-5"
-                          isVisible={true}
-                          key="col-5-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={5}
-                            id="expanded-content4-5"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-2"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-0",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -27312,13 +24441,13 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -27340,15 +24469,15 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -27371,13 +24500,66 @@ exports[`Collapsible nested table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 5,
+                          "id": 0,
                           "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
+                          "isExpanded": false,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
+                          "isOpen": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -27385,6 +24567,7 @@ exports[`Collapsible nested table 1`] = `
                             },
                             "title": "five",
                           },
+                          "parent": 0,
                           "pull-requests": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -27399,1716 +24582,5606 @@ exports[`Collapsible nested table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-157"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node5 expandable-toggle5"
-                              id="expandable-toggle5"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-5"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-3"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                          "parent": 1,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                          "parent": 3,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
+                      ]
                     }
-                    rowIndex={6}
-                    rowKey="6-row"
                   >
-                    <RowWrapper
+                    <BaseTableBody
+                      className=""
+                      key="tbody-0"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-303"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-303"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-303"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__toggle"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className="pf-c-table__toggle"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node0 expandable-toggle0"
+                                          id="expandable-toggle0"
+                                          isOpen={false}
+                                          onToggle={[Function]}
+                                        >
+                                          <Button
+                                            aria-expanded={false}
+                                            aria-label="Details"
+                                            aria-labelledby="simple-node0 expandable-toggle0"
+                                            className=""
+                                            id="expandable-toggle0"
+                                            onClick={[Function]}
+                                            variant="plain"
+                                          >
+                                            <button
+                                              aria-disabled={false}
+                                              aria-expanded={false}
+                                              aria-label="Details"
+                                              aria-labelledby="simple-node0 expandable-toggle0"
+                                              className="pf-c-button pf-m-plain"
+                                              data-ouia-component-id="OUIA-Generated-Button-plain-9"
+                                              data-ouia-component-type="PF4/Button"
+                                              data-ouia-safe={true}
+                                              disabled={false}
+                                              id="expandable-toggle0"
+                                              onClick={[Function]}
+                                              role={null}
+                                              type="button"
+                                            >
+                                              <div
+                                                className="pf-c-table__toggle-icon"
+                                              >
+                                                <AngleDownIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 320 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                    />
+                                                  </svg>
+                                                </AngleDownIcon>
+                                              </div>
+                                            </button>
+                                          </Button>
+                                        </CollapseColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-0"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 0,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 0,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-305"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-305"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-305"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__toggle"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className="pf-c-table__toggle"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node1 expandable-toggle1"
+                                          id="expandable-toggle1"
+                                          isOpen={true}
+                                          onToggle={[Function]}
+                                        >
+                                          <Button
+                                            aria-expanded={true}
+                                            aria-label="Details"
+                                            aria-labelledby="simple-node1 expandable-toggle1"
+                                            className="pf-m-expanded"
+                                            id="expandable-toggle1"
+                                            onClick={[Function]}
+                                            variant="plain"
+                                          >
+                                            <button
+                                              aria-disabled={false}
+                                              aria-expanded={true}
+                                              aria-label="Details"
+                                              aria-labelledby="simple-node1 expandable-toggle1"
+                                              className="pf-c-button pf-m-plain pf-m-expanded"
+                                              data-ouia-component-id="OUIA-Generated-Button-plain-10"
+                                              data-ouia-component-type="PF4/Button"
+                                              data-ouia-safe={true}
+                                              disabled={false}
+                                              id="expandable-toggle1"
+                                              onClick={[Function]}
+                                              role={null}
+                                              type="button"
+                                            >
+                                              <div
+                                                className="pf-c-table__toggle-icon"
+                                              >
+                                                <AngleDownIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 320 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                    />
+                                                  </svg>
+                                                </AngleDownIcon>
+                                              </div>
+                                            </button>
+                                          </Button>
+                                        </CollapseColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      id="expanded-content1-1"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                      parentId={0}
+                                    >
+                                      <th
+                                        className=""
+                                        colSpan={1}
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        id="expanded-content1-1"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-1"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={2}
+                                      data-label="Branches"
+                                      id="expanded-content1-2"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                      parentId={0}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={2}
+                                        data-label="Branches"
+                                        id="expanded-content1-2"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      id="expanded-content1-3"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                      parentId={0}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        id="expanded-content1-3"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      id="expanded-content1-4"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                      parentId={0}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        id="expanded-content1-4"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      id="expanded-content1-5"
+                                      isVisible={true}
+                                      key="col-5-row-1"
+                                      parentId={0}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        id="expanded-content1-5"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 1,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 1,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-307"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-307"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-307"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node2 expandable-toggle2"
+                                          id="expandable-toggle2"
+                                          onToggle={[Function]}
+                                        />
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      id="expanded-content2-1"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                      parentId={1}
+                                    >
+                                      <th
+                                        className=""
+                                        colSpan={1}
+                                        data-key={1}
+                                        id="expanded-content2-1"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-2"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={2}
+                                      data-label="Branches"
+                                      id="expanded-content2-2"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                      parentId={1}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={2}
+                                        id="expanded-content2-2"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      id="expanded-content2-3"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                      parentId={1}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={3}
+                                        id="expanded-content2-3"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      id="expanded-content2-4"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                      parentId={1}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={4}
+                                        id="expanded-content2-4"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      id="expanded-content2-5"
+                                      isVisible={true}
+                                      key="col-5-row-2"
+                                      parentId={1}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={5}
+                                        id="expanded-content2-5"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
+                      key="tbody-1"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-158"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
+                        <tbody
                           className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-6"
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            <CollapseColumn
-                              aria-labelledby="simple-node6 expandable-toggle6"
-                              id="expandable-toggle6"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-309"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-309"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-309"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__toggle"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className="pf-c-table__toggle"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node3 expandable-toggle3"
+                                          id="expandable-toggle3"
+                                          isOpen={false}
+                                          onToggle={[Function]}
+                                        >
+                                          <Button
+                                            aria-expanded={false}
+                                            aria-label="Details"
+                                            aria-labelledby="simple-node3 expandable-toggle3"
+                                            className=""
+                                            id="expandable-toggle3"
+                                            onClick={[Function]}
+                                            variant="plain"
+                                          >
+                                            <button
+                                              aria-disabled={false}
+                                              aria-expanded={false}
+                                              aria-label="Details"
+                                              aria-labelledby="simple-node3 expandable-toggle3"
+                                              className="pf-c-button pf-m-plain"
+                                              data-ouia-component-id="OUIA-Generated-Button-plain-11"
+                                              data-ouia-component-type="PF4/Button"
+                                              data-ouia-safe={true}
+                                              disabled={false}
+                                              id="expandable-toggle3"
+                                              onClick={[Function]}
+                                              role={null}
+                                              type="button"
+                                            >
+                                              <div
+                                                className="pf-c-table__toggle-icon"
+                                              >
+                                                <AngleDownIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 320 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                    />
+                                                  </svg>
+                                                </AngleDownIcon>
+                                              </div>
+                                            </button>
+                                          </Button>
+                                        </CollapseColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-3"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 3,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            <div
-                              id="test-headercol-6"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 3,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-4"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-311"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-311"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-311"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node4 expandable-toggle4"
+                                          id="expandable-toggle4"
+                                          onToggle={[Function]}
+                                        />
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      id="expanded-content4-1"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                      parentId={3}
+                                    >
+                                      <th
+                                        className=""
+                                        colSpan={1}
+                                        data-key={1}
+                                        id="expanded-content4-1"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-4"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={2}
+                                      data-label="Branches"
+                                      id="expanded-content4-2"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                      parentId={3}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={2}
+                                        id="expanded-content4-2"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      id="expanded-content4-3"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                      parentId={3}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={3}
+                                        id="expanded-content4-3"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      id="expanded-content4-4"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                      parentId={3}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={4}
+                                        id="expanded-content4-4"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      id="expanded-content4-5"
+                                      isVisible={true}
+                                      key="col-5-row-4"
+                                      parentId={3}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={5}
+                                        id="expanded-content4-5"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-2"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-159"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
+                        <tbody
                           className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node7 expandable-toggle7"
-                              id="expandable-toggle7"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-7"
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            <div
-                              id="test-headercol-7"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-5"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-313"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-313"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-313"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node5 expandable-toggle5"
+                                          id="expandable-toggle5"
+                                          onToggle={[Function]}
+                                        />
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-5"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-3"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-160"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
+                        <tbody
                           className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node8 expandable-toggle8"
-                              id="expandable-toggle8"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-8"
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            <div
-                              id="test-headercol-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-8"
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-315"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-315"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-315"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node6 expandable-toggle6"
+                                          id="expandable-toggle6"
+                                          onToggle={[Function]}
+                                        />
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-6"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-4"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-317"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-317"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-317"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node7 expandable-toggle7"
+                                          id="expandable-toggle7"
+                                          onToggle={[Function]}
+                                        />
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-7"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-5"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-319"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-319"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-319"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node8 expandable-toggle8"
+                                          id="expandable-toggle8"
+                                          onToggle={[Function]}
+                                        />
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-8"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -29247,7 +30320,8 @@ exports[`Collapsible table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -29532,9 +30606,9 @@ exports[`Collapsible table 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-17"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -29549,338 +30623,44 @@ exports[`Collapsible table 1`] = `
     }
     role="grid"
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-17"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-34"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-0",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -30164,1487 +30944,606 @@ exports[`Collapsible table 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      component="td"
-                      data-key={0}
-                      data-label=""
-                      key="0-header"
-                      scope=""
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <td
+                      <thead
                         className=""
-                        data-key={0}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      />
-                    </HeaderCell>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={1}
-                      data-label="Header cell"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={1}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-0",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  component="td"
+                                  data-key={0}
+                                  data-label=""
+                                  key="0-header"
+                                  scope=""
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <td
+                                    className=""
+                                    data-key={0}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                  />
+                                </HeaderCell>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={1}
+                                  data-label="Header cell"
+                                  key="1-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={1}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Branches"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Pull requests"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Workspaces"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={5}
-                      data-label="Last Commit"
-                      key="5-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={5}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "column-0",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 5,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": true,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 0,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 3,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": true,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": true,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Branches"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Pull requests"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Workspaces"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={5}
+                                  data-label="Last Commit"
+                                  key="5-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={5}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -31909,243 +31808,32 @@ exports[`Collapsible table 1`] = `
                       "onSelect": undefined,
                       "onSort": undefined,
                       "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": true,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 5,
+                      "data-label": "Last Commit",
                     },
                   },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32153,51 +31841,9 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "isOpen": true,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32205,50 +31851,9 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "parent": 0,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32256,50 +31861,8 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32307,50 +31870,9 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "isOpen": false,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32358,71 +31880,9 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
+                    "parent": 3,
                   },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32430,51 +31890,8 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32482,51 +31899,8 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": true,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32534,50 +31908,8 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32585,306 +31917,483 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 0,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 3,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "branches": Object {
@@ -33347,891 +32856,352 @@ exports[`Collapsible table 1`] = `
                           "isVisible": true,
                         },
                         "title": "four",
-                      },
-                    },
-                  ]
-                }
-              >
-                <tbody
-                  className="pf-m-expanded"
-                  key="tbody-0"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                          "label": "",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
+                        "property": "column-0",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "isOpen": true,
-                        "last-commit": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-139"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__toggle"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className="pf-c-table__toggle"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node0 expandable-toggle0"
-                              id="expandable-toggle0"
-                              isOpen={true}
-                              onToggle={[Function]}
-                            >
-                              <Button
-                                aria-expanded={true}
-                                aria-label="Details"
-                                aria-labelledby="simple-node0 expandable-toggle0"
-                                className="pf-m-expanded"
-                                id="expandable-toggle0"
-                                onClick={[Function]}
-                                variant="plain"
-                              >
-                                <button
-                                  aria-disabled={false}
-                                  aria-expanded={true}
-                                  aria-label="Details"
-                                  aria-labelledby="simple-node0 expandable-toggle0"
-                                  className="pf-c-button pf-m-plain pf-m-expanded"
-                                  data-ouia-component-id="OUIA-Generated-Button-plain-7"
-                                  data-ouia-component-type="PF4/Button"
-                                  data-ouia-safe={true}
-                                  disabled={false}
-                                  id="expandable-toggle0"
-                                  onClick={[Function]}
-                                  role={null}
-                                  type="button"
-                                >
-                                  <div
-                                    className="pf-c-table__toggle-icon"
-                                  >
-                                    <AngleDownIcon
-                                      color="currentColor"
-                                      noVerticalAlign={false}
-                                      size="sm"
-                                    >
-                                      <svg
-                                        aria-hidden={true}
-                                        aria-labelledby={null}
-                                        fill="currentColor"
-                                        height="1em"
-                                        role="img"
-                                        style={
-                                          Object {
-                                            "verticalAlign": "-0.125em",
-                                          }
-                                        }
-                                        viewBox="0 0 320 512"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                        />
-                                      </svg>
-                                    </AngleDownIcon>
-                                  </div>
-                                </button>
-                              </Button>
-                            </CollapseColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-0"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -34283,515 +33253,58 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": true,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "parent": 0,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row pf-m-expanded"
-                        data-ouia-component-id="OUIA-Generated-TableRow-140"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node1 expandable-toggle1"
-                              id="expandable-toggle1"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          id="expanded-content1-1"
-                          isVisible={true}
-                          key="col-1-row-1"
-                          parentId={0}
-                        >
-                          <th
-                            className=""
-                            colSpan={1}
-                            data-key={1}
-                            data-label="Header cell"
-                            id="expanded-content1-1"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-1"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={2}
-                          data-label="Branches"
-                          id="expanded-content1-2"
-                          isVisible={true}
-                          key="col-2-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={2}
-                            data-label="Branches"
-                            id="expanded-content1-2"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={3}
-                          data-label="Pull requests"
-                          id="expanded-content1-3"
-                          isVisible={true}
-                          key="col-3-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={3}
-                            data-label="Pull requests"
-                            id="expanded-content1-3"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={4}
-                          data-label="Workspaces"
-                          id="expanded-content1-4"
-                          isVisible={true}
-                          key="col-4-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={4}
-                            data-label="Workspaces"
-                            id="expanded-content1-4"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={5}
-                          data-label="Last Commit"
-                          id="expanded-content1-5"
-                          isVisible={true}
-                          key="col-5-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={5}
-                            data-label="Last Commit"
-                            id="expanded-content1-5"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-1"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -34814,13 +33327,14 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 2,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
+                        "isOpen": false,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -34842,484 +33356,296 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-141"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node2 expandable-toggle2"
-                              id="expandable-toggle2"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-2"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-2"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-0",
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
                         "cell": [Function],
                         "row": [Function],
                         "wrapper": [Function],
-                      }
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
                     }
-                    rowData={
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -35342,14 +33668,14 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 0,
                         "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
-                        "isOpen": false,
+                        "isOpen": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -35371,536 +33697,162 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-142"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__toggle"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className="pf-c-table__toggle"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node3 expandable-toggle3"
-                              id="expandable-toggle3"
-                              isOpen={false}
-                              onToggle={[Function]}
-                            >
-                              <Button
-                                aria-expanded={false}
-                                aria-label="Details"
-                                aria-labelledby="simple-node3 expandable-toggle3"
-                                className=""
-                                id="expandable-toggle3"
-                                onClick={[Function]}
-                                variant="plain"
-                              >
-                                <button
-                                  aria-disabled={false}
-                                  aria-expanded={false}
-                                  aria-label="Details"
-                                  aria-labelledby="simple-node3 expandable-toggle3"
-                                  className="pf-c-button pf-m-plain"
-                                  data-ouia-component-id="OUIA-Generated-Button-plain-8"
-                                  data-ouia-component-type="PF4/Button"
-                                  data-ouia-safe={true}
-                                  disabled={false}
-                                  id="expandable-toggle3"
-                                  onClick={[Function]}
-                                  role={null}
-                                  type="button"
-                                >
-                                  <div
-                                    className="pf-c-table__toggle-icon"
-                                  >
-                                    <AngleDownIcon
-                                      color="currentColor"
-                                      noVerticalAlign={false}
-                                      size="sm"
-                                    >
-                                      <svg
-                                        aria-hidden={true}
-                                        aria-labelledby={null}
-                                        fill="currentColor"
-                                        height="1em"
-                                        role="img"
-                                        style={
-                                          Object {
-                                            "verticalAlign": "-0.125em",
-                                          }
-                                        }
-                                        viewBox="0 0 320 512"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                        />
-                                      </svg>
-                                    </AngleDownIcon>
-                                  </div>
-                                </button>
-                              </Button>
-                            </CollapseColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-3"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "id": 1,
+                        "isExpanded": true,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -35952,510 +33904,160 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "parent": 3,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-143"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node4 expandable-toggle4"
-                              id="expandable-toggle4"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          id="expanded-content4-1"
-                          isVisible={true}
-                          key="col-1-row-4"
-                          parentId={3}
-                        >
-                          <th
-                            className=""
-                            colSpan={1}
-                            data-key={1}
-                            id="expanded-content4-1"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-4"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={2}
-                          data-label="Branches"
-                          id="expanded-content4-2"
-                          isVisible={true}
-                          key="col-2-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={2}
-                            id="expanded-content4-2"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={3}
-                          data-label="Pull requests"
-                          id="expanded-content4-3"
-                          isVisible={true}
-                          key="col-3-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={3}
-                            id="expanded-content4-3"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={4}
-                          data-label="Workspaces"
-                          id="expanded-content4-4"
-                          isVisible={true}
-                          key="col-4-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={4}
-                            id="expanded-content4-4"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={5}
-                          data-label="Last Commit"
-                          id="expanded-content4-5"
-                          isVisible={true}
-                          key="col-5-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={5}
-                            id="expanded-content4-5"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-3"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -36478,13 +34080,13 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -36497,24 +34099,76 @@ exports[`Collapsible table 1`] = `
                           "props": Object {
                             "isVisible": true,
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -36537,8 +34191,8 @@ exports[`Collapsible table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
+                          "id": 1,
+                          "isExpanded": true,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
@@ -36551,6 +34205,7 @@ exports[`Collapsible table 1`] = `
                             },
                             "title": "five",
                           },
+                          "parent": 0,
                           "pull-requests": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -36565,1716 +34220,5535 @@ exports[`Collapsible table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-144"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node5 expandable-toggle5"
-                              id="expandable-toggle5"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-5"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-4"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                          "parent": 3,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
+                      ]
                     }
-                    rowIndex={6}
-                    rowKey="6-row"
                   >
-                    <RowWrapper
+                    <BaseTableBody
+                      className="pf-m-expanded"
+                      key="tbody-0"
+                    >
+                      <BaseTableBodyBase
+                        className="pf-m-expanded"
+                        innerRef={null}
+                      >
+                        <tbody
+                          className="pf-m-expanded"
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-277"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-277"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-277"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__toggle"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className="pf-c-table__toggle"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node0 expandable-toggle0"
+                                          id="expandable-toggle0"
+                                          isOpen={true}
+                                          onToggle={[Function]}
+                                        >
+                                          <Button
+                                            aria-expanded={true}
+                                            aria-label="Details"
+                                            aria-labelledby="simple-node0 expandable-toggle0"
+                                            className="pf-m-expanded"
+                                            id="expandable-toggle0"
+                                            onClick={[Function]}
+                                            variant="plain"
+                                          >
+                                            <button
+                                              aria-disabled={false}
+                                              aria-expanded={true}
+                                              aria-label="Details"
+                                              aria-labelledby="simple-node0 expandable-toggle0"
+                                              className="pf-c-button pf-m-plain pf-m-expanded"
+                                              data-ouia-component-id="OUIA-Generated-Button-plain-7"
+                                              data-ouia-component-type="PF4/Button"
+                                              data-ouia-safe={true}
+                                              disabled={false}
+                                              id="expandable-toggle0"
+                                              onClick={[Function]}
+                                              role={null}
+                                              type="button"
+                                            >
+                                              <div
+                                                className="pf-c-table__toggle-icon"
+                                              >
+                                                <AngleDownIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 320 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                    />
+                                                  </svg>
+                                                </AngleDownIcon>
+                                              </div>
+                                            </button>
+                                          </Button>
+                                        </CollapseColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-0"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": true,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 0,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": true,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 0,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row pf-m-expanded"
+                                data-ouia-component-id="OUIA-Generated-TableRow-279"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row pf-m-expanded"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-279"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row pf-m-expanded"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-279"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node1 expandable-toggle1"
+                                          id="expandable-toggle1"
+                                          onToggle={[Function]}
+                                        />
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      id="expanded-content1-1"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                      parentId={0}
+                                    >
+                                      <th
+                                        className=""
+                                        colSpan={1}
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        id="expanded-content1-1"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-1"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={2}
+                                      data-label="Branches"
+                                      id="expanded-content1-2"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                      parentId={0}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={2}
+                                        data-label="Branches"
+                                        id="expanded-content1-2"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      id="expanded-content1-3"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                      parentId={0}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        id="expanded-content1-3"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      id="expanded-content1-4"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                      parentId={0}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        id="expanded-content1-4"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      id="expanded-content1-5"
+                                      isVisible={true}
+                                      key="col-5-row-1"
+                                      parentId={0}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        id="expanded-content1-5"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-1"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-281"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-281"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-281"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node2 expandable-toggle2"
+                                          id="expandable-toggle2"
+                                          onToggle={[Function]}
+                                        />
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-2"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
+                      key="tbody-2"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-145"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
+                        <tbody
                           className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node6 expandable-toggle6"
-                              id="expandable-toggle6"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-6"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-6"
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-5"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-283"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-283"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-283"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__toggle"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className="pf-c-table__toggle"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node3 expandable-toggle3"
+                                          id="expandable-toggle3"
+                                          isOpen={false}
+                                          onToggle={[Function]}
+                                        >
+                                          <Button
+                                            aria-expanded={false}
+                                            aria-label="Details"
+                                            aria-labelledby="simple-node3 expandable-toggle3"
+                                            className=""
+                                            id="expandable-toggle3"
+                                            onClick={[Function]}
+                                            variant="plain"
+                                          >
+                                            <button
+                                              aria-disabled={false}
+                                              aria-expanded={false}
+                                              aria-label="Details"
+                                              aria-labelledby="simple-node3 expandable-toggle3"
+                                              className="pf-c-button pf-m-plain"
+                                              data-ouia-component-id="OUIA-Generated-Button-plain-8"
+                                              data-ouia-component-type="PF4/Button"
+                                              data-ouia-safe={true}
+                                              disabled={false}
+                                              id="expandable-toggle3"
+                                              onClick={[Function]}
+                                              role={null}
+                                              type="button"
+                                            >
+                                              <div
+                                                className="pf-c-table__toggle-icon"
+                                              >
+                                                <AngleDownIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 320 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                    />
+                                                  </svg>
+                                                </AngleDownIcon>
+                                              </div>
+                                            </button>
+                                          </Button>
+                                        </CollapseColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-3"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 3,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 3,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-285"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-285"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-285"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node4 expandable-toggle4"
+                                          id="expandable-toggle4"
+                                          onToggle={[Function]}
+                                        />
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      id="expanded-content4-1"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                      parentId={3}
+                                    >
+                                      <th
+                                        className=""
+                                        colSpan={1}
+                                        data-key={1}
+                                        id="expanded-content4-1"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-4"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={2}
+                                      data-label="Branches"
+                                      id="expanded-content4-2"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                      parentId={3}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={2}
+                                        id="expanded-content4-2"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      id="expanded-content4-3"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                      parentId={3}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={3}
+                                        id="expanded-content4-3"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      id="expanded-content4-4"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                      parentId={3}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={4}
+                                        id="expanded-content4-4"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      id="expanded-content4-5"
+                                      isVisible={true}
+                                      key="col-5-row-4"
+                                      parentId={3}
+                                    >
+                                      <td
+                                        className=""
+                                        colSpan={1}
+                                        data-key={5}
+                                        id="expanded-content4-5"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                      key="tbody-3"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-146"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
+                        <tbody
                           className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-7"
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            <CollapseColumn
-                              aria-labelledby="simple-node7 expandable-toggle7"
-                              id="expandable-toggle7"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-7"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-287"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-287"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-287"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node5 expandable-toggle5"
+                                          id="expandable-toggle5"
+                                          onToggle={[Function]}
+                                        />
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-5"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-4"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            <div
-                              id="test-headercol-7"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-6"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-289"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-289"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-289"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node6 expandable-toggle6"
+                                          id="expandable-toggle6"
+                                          onToggle={[Function]}
+                                        />
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-6"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-5"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-147"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
+                        <tbody
                           className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node8 expandable-toggle8"
-                              id="expandable-toggle8"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-8"
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            <div
-                              id="test-headercol-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-8"
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-291"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-291"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-291"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node7 expandable-toggle7"
+                                          id="expandable-toggle7"
+                                          onToggle={[Function]}
+                                        />
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-7"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-6"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-293"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-293"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-293"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <CollapseColumn
+                                          aria-labelledby="simple-node8 expandable-toggle8"
+                                          id="expandable-toggle8"
+                                          onToggle={[Function]}
+                                        />
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-8"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -38382,7 +39856,8 @@ exports[`Compound Expandable table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md pf-m-expandable"
+    borders={true}
+    className="pf-m-expandable"
     columns={
       Array [
         Object {
@@ -38405,237 +39880,133 @@ exports[`Compound Expandable table 1`] = `
             "contentId": "expanded-content",
             "dropdownDirection": "down",
             "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": [Function],
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "col1",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "col1",
-          "props": Object {
-            "data-key": 0,
-            "data-label": "col1",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": [Function],
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "col2",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "col2",
-          "props": Object {
-            "data-key": 1,
-            "data-label": "col2",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-18"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md pf-m-expandable"
-      data-ouia-component-id="OUIA-Generated-Table-18"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": [Function],
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "col1",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "col1",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "col1",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": [Function],
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "col2",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "col2",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "col2",
-                    },
-                  },
-                ]
-              }
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": [Function],
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "col1",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "col1",
+          "props": Object {
+            "data-key": 0,
+            "data-label": "col1",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": [Function],
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "col2",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "col2",
+          "props": Object {
+            "data-key": 1,
+            "data-label": "col2",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      borders={true}
+      className="pf-m-expandable"
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className="pf-m-expandable"
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-m-expandable pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-36"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -38729,497 +40100,246 @@ exports[`Compound Expandable table 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      data-key={0}
-                      data-label="col1"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={0}
-                        data-label="col1"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        col1
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="col2"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="col2"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        col2
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": [Function],
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "col1",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "col1",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "col1",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": [Function],
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "col2",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "col2",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "col2",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  Object {
-                    "props": Object {
-                      "isOpen": true,
-                    },
-                    "title": "1",
-                  },
-                  Object {
-                    "props": Object {
-                      "isOpen": false,
-                    },
-                    "title": "2",
-                  },
-                ],
-                "isOpen": true,
-              },
-              Object {
-                "cells": Array [
-                  Object {
-                    "props": Object {
-                      "colSpan": 2,
-                    },
-                    "title": "expanded",
-                  },
-                ],
-                "compoundParent": 0,
-                "parent": 0,
-              },
-              Object {
-                "cells": Array [
-                  Object {
-                    "props": Object {
-                      "isOpen": false,
-                    },
-                    "title": "3",
-                  },
-                  Object {
-                    "props": Object {
-                      "isOpen": false,
-                    },
-                    "title": "4",
-                  },
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  Object {
-                    "props": Object {
-                      "colSpan": 2,
-                    },
-                    "title": "expanded",
-                  },
-                ],
-                "compoundParent": 0,
-                "parent": 2,
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "isOpen": true,
-                      },
-                      "title": "1",
-                    },
-                    Object {
-                      "props": Object {
-                        "isOpen": false,
-                      },
-                      "title": "2",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": true,
-                      "isVisible": true,
-                    },
-                    "title": "1",
-                  },
-                  "col2": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": false,
-                      "isVisible": true,
-                    },
-                    "title": "2",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                },
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "colSpan": 2,
-                      },
-                      "title": "expanded",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "colSpan": 2,
-                      "isVisible": true,
-                    },
-                    "title": "expanded",
-                  },
-                  "compoundParent": 0,
-                  "id": 1,
-                  "isExpanded": true,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "parent": 0,
-                },
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "isOpen": false,
-                      },
-                      "title": "3",
-                    },
-                    Object {
-                      "props": Object {
-                        "isOpen": false,
-                      },
-                      "title": "4",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": false,
-                      "isVisible": true,
-                    },
-                    "title": "3",
-                  },
-                  "col2": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": false,
-                      "isVisible": true,
-                    },
-                    "title": "4",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": true,
-                  "isOpen": false,
-                },
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "colSpan": 2,
-                      },
-                      "title": "expanded",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "colSpan": 2,
-                      "isVisible": true,
-                    },
-                    "title": "expanded",
-                  },
-                  "compoundParent": 0,
-                  "id": 3,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": false,
-                  "parent": 2,
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "isOpen": true,
-                      },
-                      "title": "1",
-                    },
-                    Object {
-                      "props": Object {
-                        "isOpen": false,
-                      },
-                      "title": "2",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": true,
-                      "isVisible": true,
-                    },
-                    "title": "1",
-                  },
-                  "col2": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": false,
-                      "isVisible": true,
-                    },
-                    "title": "2",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                },
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "colSpan": 2,
-                      },
-                      "title": "expanded",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "colSpan": 2,
-                      "isVisible": true,
-                    },
-                    "title": "expanded",
-                  },
-                  "compoundParent": 0,
-                  "id": 1,
-                  "isExpanded": true,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "parent": 0,
-                },
-                Object {
-                  "cells": Array [
+                  headerRows={null}
+                  renderers={
                     Object {
-                      "props": Object {
-                        "isOpen": false,
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
                       },
-                      "title": "3",
-                    },
-                    Object {
-                      "props": Object {
-                        "isOpen": false,
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
                       },
-                      "title": "4",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": false,
-                      "isVisible": true,
-                    },
-                    "title": "3",
-                  },
-                  "col2": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": false,
-                      "isVisible": true,
-                    },
-                    "title": "4",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": true,
-                  "isOpen": false,
-                },
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "colSpan": 2,
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
                       },
-                      "title": "expanded",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "colSpan": 2,
-                      "isVisible": true,
-                    },
-                    "title": "expanded",
-                  },
-                  "compoundParent": 0,
-                  "id": 3,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": false,
-                  "parent": 2,
-                },
-              ]
-            }
-          >
-            <BaseBody
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": [Function],
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "col1",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "col1",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "col1",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": [Function],
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "col2",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "col2",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "col2",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  data-key={0}
+                                  data-label="col1"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={0}
+                                    data-label="col1"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={0}
+                                      data-label="col1"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={0}
+                                        data-label="col1"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        col1
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="col2"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="col2"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="col2"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="col2"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        col2
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -39314,7 +40434,10 @@ exports[`Compound Expandable table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
                     "cells": Array [
@@ -39331,29 +40454,6 @@ exports[`Compound Expandable table 1`] = `
                         "title": "2",
                       },
                     ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": true,
-                        "isVisible": true,
-                      },
-                      "title": "1",
-                    },
-                    "col2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": false,
-                        "isVisible": true,
-                      },
-                      "title": "2",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": true,
                   },
                   Object {
@@ -39365,22 +40465,7 @@ exports[`Compound Expandable table 1`] = `
                         "title": "expanded",
                       },
                     ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "colSpan": 2,
-                        "isVisible": true,
-                      },
-                      "title": "expanded",
-                    },
                     "compoundParent": 0,
-                    "id": 1,
-                    "isExpanded": true,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "parent": 0,
                   },
                   Object {
@@ -39398,29 +40483,6 @@ exports[`Compound Expandable table 1`] = `
                         "title": "4",
                       },
                     ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": false,
-                        "isVisible": true,
-                      },
-                      "title": "3",
-                    },
-                    "col2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": false,
-                        "isVisible": true,
-                      },
-                      "title": "4",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": true,
                     "isOpen": false,
                   },
                   Object {
@@ -39432,186 +40494,156 @@ exports[`Compound Expandable table 1`] = `
                         "title": "expanded",
                       },
                     ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "colSpan": 2,
-                        "isVisible": true,
-                      },
-                      "title": "expanded",
-                    },
                     "compoundParent": 0,
-                    "id": 3,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": false,
                     "parent": 2,
                   },
                 ]
               }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "cells": Array [
-                      Object {
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "cells": Array [
+                        Object {
+                          "props": Object {
+                            "isOpen": true,
+                          },
+                          "title": "1",
+                        },
+                        Object {
+                          "props": Object {
+                            "isOpen": false,
+                          },
+                          "title": "2",
+                        },
+                      ],
+                      "col1": Object {
+                        "formatters": Array [],
                         "props": Object {
                           "isOpen": true,
+                          "isVisible": true,
                         },
                         "title": "1",
                       },
-                      Object {
+                      "col2": Object {
+                        "formatters": Array [],
                         "props": Object {
                           "isOpen": false,
+                          "isVisible": true,
                         },
                         "title": "2",
                       },
-                    ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": true,
-                        "isVisible": true,
-                      },
-                      "title": "1",
-                    },
-                    "col2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": false,
-                        "isVisible": true,
-                      },
-                      "title": "2",
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": true,
                     },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                  },
-                  Object {
-                    "cells": Array [
-                      Object {
+                    Object {
+                      "cells": Array [
+                        Object {
+                          "props": Object {
+                            "colSpan": 2,
+                          },
+                          "title": "expanded",
+                        },
+                      ],
+                      "col1": Object {
+                        "formatters": Array [],
                         "props": Object {
                           "colSpan": 2,
+                          "isVisible": true,
                         },
                         "title": "expanded",
                       },
-                    ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "colSpan": 2,
-                        "isVisible": true,
-                      },
-                      "title": "expanded",
+                      "compoundParent": 0,
+                      "id": 1,
+                      "isExpanded": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "parent": 0,
                     },
-                    "compoundParent": 0,
-                    "id": 1,
-                    "isExpanded": true,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "parent": 0,
-                  },
-                  Object {
-                    "cells": Array [
-                      Object {
+                    Object {
+                      "cells": Array [
+                        Object {
+                          "props": Object {
+                            "isOpen": false,
+                          },
+                          "title": "3",
+                        },
+                        Object {
+                          "props": Object {
+                            "isOpen": false,
+                          },
+                          "title": "4",
+                        },
+                      ],
+                      "col1": Object {
+                        "formatters": Array [],
                         "props": Object {
                           "isOpen": false,
+                          "isVisible": true,
                         },
                         "title": "3",
                       },
-                      Object {
+                      "col2": Object {
+                        "formatters": Array [],
                         "props": Object {
                           "isOpen": false,
+                          "isVisible": true,
                         },
                         "title": "4",
                       },
-                    ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": false,
-                        "isVisible": true,
-                      },
-                      "title": "3",
-                    },
-                    "col2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": false,
-                        "isVisible": true,
-                      },
-                      "title": "4",
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": true,
+                      "isOpen": false,
                     },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": true,
-                    "isOpen": false,
-                  },
-                  Object {
-                    "cells": Array [
-                      Object {
+                    Object {
+                      "cells": Array [
+                        Object {
+                          "props": Object {
+                            "colSpan": 2,
+                          },
+                          "title": "expanded",
+                        },
+                      ],
+                      "col1": Object {
+                        "formatters": Array [],
                         "props": Object {
                           "colSpan": 2,
+                          "isVisible": true,
                         },
                         "title": "expanded",
                       },
-                    ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "colSpan": 2,
-                        "isVisible": true,
-                      },
-                      "title": "expanded",
-                    },
-                    "compoundParent": 0,
-                    "id": 3,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": false,
-                    "parent": 2,
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                      "compoundParent": 0,
+                      "id": 3,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": false,
+                      "parent": 2,
+                    },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "cells": Array [
@@ -39750,115 +40782,105 @@ exports[`Compound Expandable table 1`] = `
                   ]
                 }
               >
-                <tbody
-                  className="pf-m-expanded"
-                  key="tbody-0"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col1",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "col1",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "col1",
-                          },
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col2",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "col2",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "col2",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": [Function],
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "col1",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "col1",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "col1",
+                        },
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": [Function],
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "col2",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "col2",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "col2",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "cells": Array [
                           Object {
@@ -39898,239 +40920,74 @@ exports[`Compound Expandable table 1`] = `
                         "isLast": false,
                         "isLastVisible": false,
                         "isOpen": true,
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            Object {
-                              "props": Object {
-                                "isOpen": true,
-                              },
-                              "title": "1",
-                            },
-                            Object {
-                              "props": Object {
-                                "isOpen": false,
-                              },
-                              "title": "2",
-                            },
-                          ],
-                          "col1": Object {
-                            "formatters": Array [],
+                      },
+                      Object {
+                        "cells": Array [
+                          Object {
                             "props": Object {
-                              "isOpen": true,
-                              "isVisible": true,
+                              "colSpan": 2,
                             },
-                            "title": "1",
+                            "title": "expanded",
                           },
-                          "col2": Object {
-                            "formatters": Array [],
+                        ],
+                        "col1": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "colSpan": 2,
+                            "isVisible": true,
+                          },
+                          "title": "expanded",
+                        },
+                        "compoundParent": 0,
+                        "id": 1,
+                        "isExpanded": true,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "parent": 0,
+                      },
+                      Object {
+                        "cells": Array [
+                          Object {
                             "props": Object {
                               "isOpen": false,
-                              "isVisible": true,
                             },
-                            "title": "2",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": true,
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-148"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__compound-expansion-toggle pf-m-expanded"
-                          data-key={0}
-                          data-label="col1"
-                          isOpen={true}
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className="pf-c-table__compound-expansion-toggle pf-m-expanded"
-                            data-key={0}
-                            data-label="col1"
-                            onMouseEnter={[Function]}
-                          >
-                            <button
-                              aria-expanded={true}
-                              className="pf-c-table__button"
-                              onClick={[Function]}
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  1
-                                </span>
-                              </TableText>
-                            </button>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__compound-expansion-toggle"
-                          data-key={1}
-                          data-label="col2"
-                          isOpen={false}
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className="pf-c-table__compound-expansion-toggle"
-                            data-key={1}
-                            data-label="col2"
-                            onMouseEnter={[Function]}
-                          >
-                            <button
-                              aria-expanded={false}
-                              className="pf-c-table__button"
-                              onClick={[Function]}
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  2
-                                </span>
-                              </TableText>
-                            </button>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "title": "3",
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col1",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          Object {
+                            "props": Object {
+                              "isOpen": false,
+                            },
+                            "title": "4",
                           },
-                          "property": "col1",
+                        ],
+                        "col1": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "col1",
+                            "isOpen": false,
+                            "isVisible": true,
                           },
+                          "title": "3",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col2",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "col2",
+                        "col2": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "col2",
+                            "isOpen": false,
+                            "isVisible": true,
                           },
+                          "title": "4",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": true,
+                        "isOpen": false,
+                      },
                       Object {
                         "cells": Array [
                           Object {
@@ -40149,202 +41006,115 @@ exports[`Compound Expandable table 1`] = `
                           "title": "expanded",
                         },
                         "compoundParent": 0,
-                        "id": 1,
-                        "isExpanded": true,
+                        "id": 3,
+                        "isExpanded": false,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
+                        "isLast": true,
                         "isLastVisible": false,
-                        "parent": 0,
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            Object {
-                              "props": Object {
-                                "colSpan": 2,
-                              },
-                              "title": "expanded",
-                            },
-                          ],
-                          "col1": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "colSpan": 2,
-                              "isVisible": true,
-                            },
-                            "title": "expanded",
-                          },
-                          "compoundParent": 0,
-                          "id": 1,
-                          "isExpanded": true,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "parent": 0,
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row pf-m-expanded"
-                        data-ouia-component-id="OUIA-Generated-TableRow-149"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__compound-expansion-toggle"
-                          colSpan={2}
-                          data-key={0}
-                          data-label="col1"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className="pf-c-table__compound-expansion-toggle"
-                            colSpan={2}
-                            data-key={0}
-                            data-label="col1"
-                            onMouseEnter={[Function]}
-                          >
-                            expanded
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="col2"
-                          key="col-1-row-1"
-                        />
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-1"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col1",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "col1",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "col1",
-                          },
+                        "parent": 2,
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "cells": Array [
+                          Object {
+                            "props": Object {
+                              "isOpen": true,
+                            },
+                            "title": "1",
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col2",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          Object {
+                            "props": Object {
+                              "isOpen": false,
+                            },
+                            "title": "2",
                           },
-                          "property": "col2",
+                        ],
+                        "col1": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "col2",
+                            "isOpen": true,
+                            "isVisible": true,
                           },
+                          "title": "1",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
+                        "col2": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isOpen": false,
+                            "isVisible": true,
+                          },
+                          "title": "2",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cells": Array [
+                          Object {
+                            "props": Object {
+                              "colSpan": 2,
+                            },
+                            "title": "expanded",
+                          },
+                        ],
+                        "col1": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "colSpan": 2,
+                            "isVisible": true,
+                          },
+                          "title": "expanded",
+                        },
+                        "compoundParent": 0,
+                        "id": 1,
+                        "isExpanded": true,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "parent": 0,
+                      },
                       Object {
                         "cells": Array [
                           Object {
@@ -40384,15 +41154,109 @@ exports[`Compound Expandable table 1`] = `
                         "isLast": false,
                         "isLastVisible": true,
                         "isOpen": false,
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                      Object {
+                        "cells": Array [
+                          Object {
+                            "props": Object {
+                              "colSpan": 2,
+                            },
+                            "title": "expanded",
+                          },
+                        ],
+                        "col1": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "colSpan": 2,
+                            "isVisible": true,
+                          },
+                          "title": "expanded",
+                        },
+                        "compoundParent": 0,
+                        "id": 3,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": false,
+                        "parent": 2,
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "cells": Array [
+                            Object {
+                              "props": Object {
+                                "isOpen": true,
+                              },
+                              "title": "1",
+                            },
+                            Object {
+                              "props": Object {
+                                "isOpen": false,
+                              },
+                              "title": "2",
+                            },
+                          ],
+                          "col1": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isOpen": true,
+                              "isVisible": true,
+                            },
+                            "title": "1",
+                          },
+                          "col2": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isOpen": false,
+                              "isVisible": true,
+                            },
+                            "title": "2",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": true,
+                        },
+                        Object {
+                          "cells": Array [
+                            Object {
+                              "props": Object {
+                                "colSpan": 2,
+                              },
+                              "title": "expanded",
+                            },
+                          ],
+                          "col1": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "colSpan": 2,
+                              "isVisible": true,
+                            },
+                            "title": "expanded",
+                          },
+                          "compoundParent": 0,
+                          "id": 1,
+                          "isExpanded": true,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "parent": 0,
+                        },
                         Object {
                           "cells": Array [
                             Object {
@@ -40432,226 +41296,7 @@ exports[`Compound Expandable table 1`] = `
                           "isLast": false,
                           "isLastVisible": true,
                           "isOpen": false,
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-150"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__compound-expansion-toggle"
-                          data-key={0}
-                          data-label="col1"
-                          isOpen={false}
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className="pf-c-table__compound-expansion-toggle"
-                            data-key={0}
-                            data-label="col1"
-                            onMouseEnter={[Function]}
-                          >
-                            <button
-                              aria-expanded={false}
-                              className="pf-c-table__button"
-                              onClick={[Function]}
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  3
-                                </span>
-                              </TableText>
-                            </button>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__compound-expansion-toggle"
-                          data-key={1}
-                          data-label="col2"
-                          isOpen={false}
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className="pf-c-table__compound-expansion-toggle"
-                            data-key={1}
-                            data-label="col2"
-                            onMouseEnter={[Function]}
-                          >
-                            <button
-                              aria-expanded={false}
-                              className="pf-c-table__button"
-                              onClick={[Function]}
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  4
-                                </span>
-                              </TableText>
-                            </button>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col1",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "col1",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "col1",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col2",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "col2",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "col2",
-                          },
-                        },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "cells": Array [
-                          Object {
-                            "props": Object {
-                              "colSpan": 2,
-                            },
-                            "title": "expanded",
-                          },
-                        ],
-                        "col1": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "colSpan": 2,
-                            "isVisible": true,
-                          },
-                          "title": "expanded",
                         },
-                        "compoundParent": 0,
-                        "id": 3,
-                        "isExpanded": false,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": false,
-                        "parent": 2,
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "cells": Array [
                             Object {
@@ -40678,56 +41323,1086 @@ exports[`Compound Expandable table 1`] = `
                           "isLast": true,
                           "isLastVisible": false,
                           "parent": 2,
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className="pf-m-expanded"
+                      key="tbody-0"
+                    >
+                      <BaseTableBodyBase
+                        className="pf-m-expanded"
+                        innerRef={null}
+                      >
+                        <tbody
+                          className="pf-m-expanded"
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col1",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col1",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "col1",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col2",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col2",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "col2",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  Object {
+                                    "props": Object {
+                                      "isOpen": true,
+                                    },
+                                    "title": "1",
+                                  },
+                                  Object {
+                                    "props": Object {
+                                      "isOpen": false,
+                                    },
+                                    "title": "2",
+                                  },
+                                ],
+                                "col1": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isOpen": true,
+                                    "isVisible": true,
+                                  },
+                                  "title": "1",
+                                },
+                                "col2": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isOpen": false,
+                                    "isVisible": true,
+                                  },
+                                  "title": "2",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": true,
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    Object {
+                                      "props": Object {
+                                        "isOpen": true,
+                                      },
+                                      "title": "1",
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "isOpen": false,
+                                      },
+                                      "title": "2",
+                                    },
+                                  ],
+                                  "col1": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isOpen": true,
+                                      "isVisible": true,
+                                    },
+                                    "title": "1",
+                                  },
+                                  "col2": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isOpen": false,
+                                      "isVisible": true,
+                                    },
+                                    "title": "2",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": true,
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-295"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-295"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-295"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__compound-expansion-toggle pf-m-expanded"
+                                      data-key={0}
+                                      data-label="col1"
+                                      isOpen={true}
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className="pf-c-table__compound-expansion-toggle pf-m-expanded"
+                                        data-key={0}
+                                        data-label="col1"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <button
+                                          aria-expanded={true}
+                                          className="pf-c-table__button"
+                                          onClick={[Function]}
+                                        >
+                                          <TableText>
+                                            <span
+                                              className="pf-c-table__text"
+                                              onMouseEnter={[Function]}
+                                            >
+                                              1
+                                            </span>
+                                          </TableText>
+                                        </button>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__compound-expansion-toggle"
+                                      data-key={1}
+                                      data-label="col2"
+                                      isOpen={false}
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className="pf-c-table__compound-expansion-toggle"
+                                        data-key={1}
+                                        data-label="col2"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <button
+                                          aria-expanded={false}
+                                          className="pf-c-table__button"
+                                          onClick={[Function]}
+                                        >
+                                          <TableText>
+                                            <span
+                                              className="pf-c-table__text"
+                                              onMouseEnter={[Function]}
+                                            >
+                                              2
+                                            </span>
+                                          </TableText>
+                                        </button>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col1",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col1",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "col1",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col2",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col2",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "col2",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  Object {
+                                    "props": Object {
+                                      "colSpan": 2,
+                                    },
+                                    "title": "expanded",
+                                  },
+                                ],
+                                "col1": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "colSpan": 2,
+                                    "isVisible": true,
+                                  },
+                                  "title": "expanded",
+                                },
+                                "compoundParent": 0,
+                                "id": 1,
+                                "isExpanded": true,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "parent": 0,
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    Object {
+                                      "props": Object {
+                                        "colSpan": 2,
+                                      },
+                                      "title": "expanded",
+                                    },
+                                  ],
+                                  "col1": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "colSpan": 2,
+                                      "isVisible": true,
+                                    },
+                                    "title": "expanded",
+                                  },
+                                  "compoundParent": 0,
+                                  "id": 1,
+                                  "isExpanded": true,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "parent": 0,
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row pf-m-expanded"
+                                data-ouia-component-id="OUIA-Generated-TableRow-297"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row pf-m-expanded"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-297"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row pf-m-expanded"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-297"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__compound-expansion-toggle"
+                                      colSpan={2}
+                                      data-key={0}
+                                      data-label="col1"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className="pf-c-table__compound-expansion-toggle"
+                                        colSpan={2}
+                                        data-key={0}
+                                        data-label="col1"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        expanded
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="col2"
+                                      key="col-1-row-1"
+                                    />
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-1"
                     >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-151"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
                       >
-                        <BodyCell
-                          className="pf-c-table__compound-expansion-toggle"
-                          colSpan={2}
-                          data-key={0}
-                          data-label="col1"
-                          isVisible={true}
-                          key="col-0-row-3"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className="pf-c-table__compound-expansion-toggle"
-                            colSpan={2}
-                            data-key={0}
-                            data-label="col1"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col1",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col1",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "col1",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col2",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col2",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "col2",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  Object {
+                                    "props": Object {
+                                      "isOpen": false,
+                                    },
+                                    "title": "3",
+                                  },
+                                  Object {
+                                    "props": Object {
+                                      "isOpen": false,
+                                    },
+                                    "title": "4",
+                                  },
+                                ],
+                                "col1": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isOpen": false,
+                                    "isVisible": true,
+                                  },
+                                  "title": "3",
+                                },
+                                "col2": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isOpen": false,
+                                    "isVisible": true,
+                                  },
+                                  "title": "4",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": true,
+                                "isOpen": false,
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    Object {
+                                      "props": Object {
+                                        "isOpen": false,
+                                      },
+                                      "title": "3",
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "isOpen": false,
+                                      },
+                                      "title": "4",
+                                    },
+                                  ],
+                                  "col1": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isOpen": false,
+                                      "isVisible": true,
+                                    },
+                                    "title": "3",
+                                  },
+                                  "col2": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isOpen": false,
+                                      "isVisible": true,
+                                    },
+                                    "title": "4",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": true,
+                                  "isOpen": false,
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-299"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-299"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-299"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__compound-expansion-toggle"
+                                      data-key={0}
+                                      data-label="col1"
+                                      isOpen={false}
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className="pf-c-table__compound-expansion-toggle"
+                                        data-key={0}
+                                        data-label="col1"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <button
+                                          aria-expanded={false}
+                                          className="pf-c-table__button"
+                                          onClick={[Function]}
+                                        >
+                                          <TableText>
+                                            <span
+                                              className="pf-c-table__text"
+                                              onMouseEnter={[Function]}
+                                            >
+                                              3
+                                            </span>
+                                          </TableText>
+                                        </button>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__compound-expansion-toggle"
+                                      data-key={1}
+                                      data-label="col2"
+                                      isOpen={false}
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className="pf-c-table__compound-expansion-toggle"
+                                        data-key={1}
+                                        data-label="col2"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <button
+                                          aria-expanded={false}
+                                          className="pf-c-table__button"
+                                          onClick={[Function]}
+                                        >
+                                          <TableText>
+                                            <span
+                                              className="pf-c-table__text"
+                                              onMouseEnter={[Function]}
+                                            >
+                                              4
+                                            </span>
+                                          </TableText>
+                                        </button>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col1",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col1",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "col1",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col2",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col2",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "col2",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  Object {
+                                    "props": Object {
+                                      "colSpan": 2,
+                                    },
+                                    "title": "expanded",
+                                  },
+                                ],
+                                "col1": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "colSpan": 2,
+                                    "isVisible": true,
+                                  },
+                                  "title": "expanded",
+                                },
+                                "compoundParent": 0,
+                                "id": 3,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": false,
+                                "parent": 2,
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            expanded
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="col2"
-                          key="col-1-row-3"
-                        />
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    Object {
+                                      "props": Object {
+                                        "colSpan": 2,
+                                      },
+                                      "title": "expanded",
+                                    },
+                                  ],
+                                  "col1": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "colSpan": 2,
+                                      "isVisible": true,
+                                    },
+                                    "title": "expanded",
+                                  },
+                                  "compoundParent": 0,
+                                  "id": 3,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": false,
+                                  "parent": 2,
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-301"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-301"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-301"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__compound-expansion-toggle"
+                                      colSpan={2}
+                                      data-key={0}
+                                      data-label="col1"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className="pf-c-table__compound-expansion-toggle"
+                                        colSpan={2}
+                                        data-key={0}
+                                        data-label="col1"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        expanded
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="col2"
+                                      key="col-1-row-3"
+                                    />
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -40883,7 +42558,8 @@ exports[`Control text table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -40985,432 +42661,191 @@ exports[`Control text table 1`] = `
             ],
             "transforms": Array [
               [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Pull requests",
-            "transforms": Array [
-              [Function],
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "pull-requests",
-          "props": Object {
-            "data-key": 2,
-            "data-label": "Pull requests",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "new object column",
-            "transforms": Array [
-              [Function],
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "new-object-column",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "new object column",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-22"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-22"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "new object column",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "new-object-column",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "new object column",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "new object column",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "new-object-column",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "new object column",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Pull requests",
+            "transforms": Array [
+              [Function],
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "pull-requests",
+          "props": Object {
+            "data-key": 2,
+            "data-label": "Pull requests",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "new object column",
+            "transforms": Array [
+              [Function],
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "new-object-column",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "new object column",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-44"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -41641,1252 +43076,490 @@ exports[`Control text table 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      className="pf-m-nowrap"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        className="pf-m-nowrap"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Header cell
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      className="pf-m-wrap"
-                      data-key={1}
-                      data-label="new object column"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className="pf-m-wrap"
-                        data-key={1}
-                        data-label="new object column"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        new object column
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      className="pf-m-break-word"
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className="pf-m-break-word"
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      className="pf-m-truncate"
-                      data-key={3}
-                      data-label="new object column"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className="pf-m-truncate"
-                        data-key={3}
-                        data-label="new object column"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        new object column
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      className="pf-m-fit-content"
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        className="pf-m-fit-content"
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "new object column",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "new-object-column",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "new object column",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "new object column",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "new-object-column",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "new object column",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": true,
-                "parent": 0,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 1,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 3,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "new object column",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "new-object-column",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "new object column",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "new object column",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "new-object-column",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "new object column",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  className="pf-m-nowrap"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-m-nowrap"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-m-nowrap"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-m-nowrap"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Header cell
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  className="pf-m-wrap"
+                                  data-key={1}
+                                  data-label="new object column"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-m-wrap"
+                                    data-key={1}
+                                    data-label="new object column"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-m-wrap"
+                                      data-key={1}
+                                      data-label="new object column"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-m-wrap"
+                                        data-key={1}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        new object column
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  className="pf-m-break-word"
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-m-break-word"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-m-break-word"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-m-break-word"
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  className="pf-m-truncate"
+                                  data-key={3}
+                                  data-label="new object column"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-m-truncate"
+                                    data-key={3}
+                                    data-label="new object column"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-m-truncate"
+                                      data-key={3}
+                                      data-label="new object column"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-m-truncate"
+                                        data-key={3}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        new object column
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  className="pf-m-fit-content"
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-m-fit-content"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-m-fit-content"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-m-fit-content"
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -43118,7 +43791,10 @@ exports[`Control text table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
                     "cells": Array [
@@ -43128,42 +43804,7 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43173,43 +43814,8 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                     "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43219,42 +43825,7 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                     "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43264,42 +43835,7 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43309,42 +43845,7 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                     "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43354,41 +43855,6 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43398,41 +43864,6 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43442,41 +43873,6 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43486,472 +43882,422 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                 ]
               }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
                     },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "parent": 0,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
                     },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                    "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
-                    },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "parent": 1,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "one",
                     },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
-                    },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
                     },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 4,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                      "parent": 3,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
                     },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
                     },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
-                    },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
                     },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "cells": Array [
@@ -44294,316 +44640,620 @@ exports[`Control text table 1`] = `
                         "props": Object {
                           "isVisible": true,
                         },
-                        "title": "five",
-                      },
-                      "new-object-column": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "title": "five",
+                      },
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                    },
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "new object column",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "new-object-column",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "new object column",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "new object column",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "new-object-column",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "new object column",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        "title": "four",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "three",
-                      },
-                    },
-                    Object {
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "one",
                       },
-                      "id": 8,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        "title": "five",
-                      },
-                      "new-object-column": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        "title": "four",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "three",
                       },
-                    },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                  key="tbody-0"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "four",
+                        },
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "new-object-column",
+                          "title": "four",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "new-object-column",
+                          "title": "four",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "four",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "cells": Array [
                           "one",
@@ -44619,14 +45269,13 @@ exports[`Control text table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 0,
+                        "id": 7,
                         "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
+                        "isFirst": false,
+                        "isFirstVisible": false,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
-                        "isOpen": false,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -44648,401 +45297,7 @@ exports[`Control text table 1`] = `
                           },
                           "title": "three",
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "new-object-column": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-179"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-0"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "cells": Array [
                           "one",
@@ -45058,14 +45313,13 @@ exports[`Control text table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 1,
-                        "isExpanded": false,
+                        "id": 8,
+                        "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "isOpen": true,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -45080,7 +45334,6 @@ exports[`Control text table 1`] = `
                           },
                           "title": "four",
                         },
-                        "parent": 0,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -45088,402 +45341,131 @@ exports[`Control text table 1`] = `
                           },
                           "title": "three",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "new-object-column": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                          "parent": 0,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-180"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-1"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "new-object-column",
+                          "title": "four",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "four",
+                        },
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "cells": Array [
                           "one",
@@ -45528,406 +45510,229 @@ exports[`Control text table 1`] = `
                           },
                           "title": "three",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "new-object-column": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                          "parent": 1,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-181"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-2"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-1"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "four",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "new-object-column",
+                          "title": "four",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "new-object-column",
+                          "title": "four",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "four",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "cells": Array [
                           "one",
@@ -45943,14 +45748,13 @@ exports[`Control text table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "isOpen": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -45972,15 +45776,15 @@ exports[`Control text table 1`] = `
                           },
                           "title": "three",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "cells": Array [
                             "one",
@@ -45996,10 +45800,10 @@ exports[`Control text table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 3,
+                          "id": 0,
                           "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
+                          "isFirst": true,
+                          "isFirstVisible": true,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
@@ -46025,401 +45829,276 @@ exports[`Control text table 1`] = `
                             },
                             "title": "three",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-182"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-3"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 1,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "new-object-column": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "parent": 0,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 2,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "new-object-column": Object {
                             "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
+                          "parent": 1,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "new-object-column": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 4,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "new-object-column": Object {
                             "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
+                          "parent": 3,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "new-object-column": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "one",
-                        },
-                        "id": 4,
-                        "isExpanded": false,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "new-object-column": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "new-object-column": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
-                        },
-                        "parent": 3,
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "cells": Array [
                             "one",
@@ -46435,8 +46114,8 @@ exports[`Control text table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 4,
-                          "isExpanded": false,
+                          "id": 7,
+                          "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
@@ -46456,7 +46135,6 @@ exports[`Control text table 1`] = `
                             },
                             "title": "four",
                           },
-                          "parent": 3,
                           "pull-requests": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -46464,1881 +46142,4268 @@ exports[`Control text table 1`] = `
                             },
                             "title": "three",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "new-object-column": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
+                      key="tbody-0"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-357"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-357"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-357"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-0"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "parent": 0,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "parent": 0,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-359"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-359"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-359"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-1"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "parent": 1,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "parent": 1,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-361"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-361"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-361"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-2"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-1"
                     >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-183"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            <div
-                              id="test-headercol-4"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-363"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-363"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-363"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-3"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "parent": 3,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-2"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 5,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "new-object-column": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "parent": 3,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-365"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-365"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-365"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-4"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "new-object-column": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
+                      key="tbody-2"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-184"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            <div
-                              id="test-headercol-5"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-3"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "new-object-column": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-367"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-367"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-367"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-5"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "new-object-column": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
+                      key="tbody-3"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-185"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            <div
-                              id="test-headercol-6"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-4"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "new-object-column": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "new-object-column": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-369"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-369"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-369"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-6"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-4"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-186"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            <div
-                              id="test-headercol-7"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-5"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "new-object-column": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-371"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-371"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-371"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-7"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "new-object-column": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                      key="tbody-5"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-187"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            <div
-                              id="test-headercol-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-373"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-373"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-373"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-8"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -48444,7 +50509,8 @@ exports[`Editable table 1`] = `
     className="pf-c-inline-edit"
   >
     <Provider
-      className="pf-c-table pf-m-grid-md"
+      borders={true}
+      className=""
       columns={
         Array [
           Object {
@@ -48507,461 +50573,224 @@ exports[`Editable table 1`] = `
               "allRowsSelected": false,
               "areActionsDisabled": undefined,
               "canSelectAll": true,
-              "contentId": "expanded-content",
-              "dropdownDirection": "down",
-              "dropdownPosition": "right",
-              "expandId": "expandable-toggle",
-              "firstUserColumnIndex": 0,
-              "onCollapse": undefined,
-              "onExpand": undefined,
-              "onRowEdit": [Function],
-              "onSelect": undefined,
-              "onSort": undefined,
-              "rowLabeledBy": "simple-node",
-              "selectVariant": "checkbox",
-              "sortBy": undefined,
-            },
-            "header": Object {
-              "formatters": Array [],
-              "label": "Disabled text input col 2",
-              "transforms": Array [
-                [Function],
-                [Function],
-              ],
-            },
-            "property": "disabled-text-input-col-2",
-            "props": Object {
-              "data-key": 1,
-              "data-label": "Disabled text input col 2",
-            },
-          },
-          Object {
-            "cell": Object {
-              "formatters": Array [
-                [Function],
-              ],
-              "transforms": Array [
-                [Function],
-              ],
-            },
-            "data": undefined,
-            "extraParams": Object {
-              "actionResolver": undefined,
-              "actions": undefined,
-              "allRowsSelected": false,
-              "areActionsDisabled": undefined,
-              "canSelectAll": true,
-              "contentId": "expanded-content",
-              "dropdownDirection": "down",
-              "dropdownPosition": "right",
-              "expandId": "expandable-toggle",
-              "firstUserColumnIndex": 0,
-              "onCollapse": undefined,
-              "onExpand": undefined,
-              "onRowEdit": [Function],
-              "onSelect": undefined,
-              "onSort": undefined,
-              "rowLabeledBy": "simple-node",
-              "selectVariant": "checkbox",
-              "sortBy": undefined,
-            },
-            "header": Object {
-              "formatters": Array [],
-              "label": "Text input col 3",
-              "transforms": Array [
-                [Function],
-                [Function],
-              ],
-            },
-            "property": "text-input-col-3",
-            "props": Object {
-              "data-key": 2,
-              "data-label": "Text input col 3",
-            },
-          },
-          Object {
-            "cell": Object {
-              "formatters": Array [
-                [Function],
-              ],
-              "transforms": Array [
-                [Function],
-              ],
-            },
-            "data": undefined,
-            "extraParams": Object {
-              "actionResolver": undefined,
-              "actions": undefined,
-              "allRowsSelected": false,
-              "areActionsDisabled": undefined,
-              "canSelectAll": true,
-              "contentId": "expanded-content",
-              "dropdownDirection": "down",
-              "dropdownPosition": "right",
-              "expandId": "expandable-toggle",
-              "firstUserColumnIndex": 0,
-              "onCollapse": undefined,
-              "onExpand": undefined,
-              "onRowEdit": [Function],
-              "onSelect": undefined,
-              "onSort": undefined,
-              "rowLabeledBy": "simple-node",
-              "selectVariant": "checkbox",
-              "sortBy": undefined,
-            },
-            "header": Object {
-              "formatters": Array [],
-              "label": "Text input col 4",
-              "transforms": Array [
-                [Function],
-                [Function],
-              ],
-            },
-            "property": "text-input-col-4",
-            "props": Object {
-              "data-key": 3,
-              "data-label": "Text input col 4",
-            },
-          },
-          Object {
-            "cell": Object {
-              "formatters": Array [
-                [Function],
-              ],
-              "transforms": Array [
-                [Function],
-                [Function],
-              ],
-            },
-            "data": undefined,
-            "extraParams": Object {
-              "actionResolver": undefined,
-              "actions": undefined,
-              "allRowsSelected": false,
-              "areActionsDisabled": undefined,
-              "canSelectAll": true,
-              "contentId": "expanded-content",
-              "dropdownDirection": "down",
-              "dropdownPosition": "right",
-              "expandId": "expandable-toggle",
-              "firstUserColumnIndex": 0,
-              "onCollapse": undefined,
-              "onExpand": undefined,
-              "onRowEdit": [Function],
-              "onSelect": undefined,
-              "onSort": undefined,
-              "rowLabeledBy": "simple-node",
-              "selectVariant": "checkbox",
-              "sortBy": undefined,
-            },
-            "header": Object {
-              "formatters": Array [],
-              "label": "",
-              "transforms": Array [
-                [Function],
-                [Function],
-              ],
-            },
-            "property": "column-4",
-            "props": Object {
-              "data-key": 4,
-              "data-label": "",
-            },
-          },
-        ]
-      }
-      data-ouia-component-id="OUIA-Generated-Table-4"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      renderers={
-        Object {
-          "body": Object {
-            "cell": [Function],
-            "row": [Function],
-            "wrapper": [Function],
-          },
-          "header": Object {
-            "cell": [Function],
-          },
-        }
-      }
-      role="grid"
-    >
-      <table
-        className="pf-c-table pf-m-grid-md"
-        data-ouia-component-id="OUIA-Generated-Table-4"
-        data-ouia-component-type="PF4/Table"
-        data-ouia-safe={true}
-        role="grid"
-      >
-        <caption>
-          Editable Table
-        </caption>
-        <TableHeader>
-          <ContextHeader
-            headerRows={null}
-          >
-            <Header
-              className=""
-              headerRows={null}
-            >
-              <BaseHeader
-                className=""
-                columns={
-                  Array [
-                    Object {
-                      "cell": Object {
-                        "formatters": Array [
-                          [Function],
-                        ],
-                        "transforms": Array [
-                          [Function],
-                        ],
-                      },
-                      "data": undefined,
-                      "extraParams": Object {
-                        "actionResolver": undefined,
-                        "actions": undefined,
-                        "allRowsSelected": false,
-                        "areActionsDisabled": undefined,
-                        "canSelectAll": true,
-                        "contentId": "expanded-content",
-                        "dropdownDirection": "down",
-                        "dropdownPosition": "right",
-                        "expandId": "expandable-toggle",
-                        "firstUserColumnIndex": 0,
-                        "onCollapse": undefined,
-                        "onExpand": undefined,
-                        "onRowEdit": [Function],
-                        "onSelect": undefined,
-                        "onSort": undefined,
-                        "rowLabeledBy": "simple-node",
-                        "selectVariant": "checkbox",
-                        "sortBy": undefined,
-                      },
-                      "header": Object {
-                        "formatters": Array [],
-                        "label": "Text input col 1",
-                        "transforms": Array [
-                          [Function],
-                          [Function],
-                        ],
-                      },
-                      "property": "text-input-col-1",
-                      "props": Object {
-                        "data-key": 0,
-                        "data-label": "Text input col 1",
-                      },
-                    },
-                    Object {
-                      "cell": Object {
-                        "formatters": Array [
-                          [Function],
-                        ],
-                        "transforms": Array [
-                          [Function],
-                        ],
-                      },
-                      "data": undefined,
-                      "extraParams": Object {
-                        "actionResolver": undefined,
-                        "actions": undefined,
-                        "allRowsSelected": false,
-                        "areActionsDisabled": undefined,
-                        "canSelectAll": true,
-                        "contentId": "expanded-content",
-                        "dropdownDirection": "down",
-                        "dropdownPosition": "right",
-                        "expandId": "expandable-toggle",
-                        "firstUserColumnIndex": 0,
-                        "onCollapse": undefined,
-                        "onExpand": undefined,
-                        "onRowEdit": [Function],
-                        "onSelect": undefined,
-                        "onSort": undefined,
-                        "rowLabeledBy": "simple-node",
-                        "selectVariant": "checkbox",
-                        "sortBy": undefined,
-                      },
-                      "header": Object {
-                        "formatters": Array [],
-                        "label": "Disabled text input col 2",
-                        "transforms": Array [
-                          [Function],
-                          [Function],
-                        ],
-                      },
-                      "property": "disabled-text-input-col-2",
-                      "props": Object {
-                        "data-key": 1,
-                        "data-label": "Disabled text input col 2",
-                      },
-                    },
-                    Object {
-                      "cell": Object {
-                        "formatters": Array [
-                          [Function],
-                        ],
-                        "transforms": Array [
-                          [Function],
-                        ],
-                      },
-                      "data": undefined,
-                      "extraParams": Object {
-                        "actionResolver": undefined,
-                        "actions": undefined,
-                        "allRowsSelected": false,
-                        "areActionsDisabled": undefined,
-                        "canSelectAll": true,
-                        "contentId": "expanded-content",
-                        "dropdownDirection": "down",
-                        "dropdownPosition": "right",
-                        "expandId": "expandable-toggle",
-                        "firstUserColumnIndex": 0,
-                        "onCollapse": undefined,
-                        "onExpand": undefined,
-                        "onRowEdit": [Function],
-                        "onSelect": undefined,
-                        "onSort": undefined,
-                        "rowLabeledBy": "simple-node",
-                        "selectVariant": "checkbox",
-                        "sortBy": undefined,
-                      },
-                      "header": Object {
-                        "formatters": Array [],
-                        "label": "Text input col 3",
-                        "transforms": Array [
-                          [Function],
-                          [Function],
-                        ],
-                      },
-                      "property": "text-input-col-3",
-                      "props": Object {
-                        "data-key": 2,
-                        "data-label": "Text input col 3",
-                      },
-                    },
-                    Object {
-                      "cell": Object {
-                        "formatters": Array [
-                          [Function],
-                        ],
-                        "transforms": Array [
-                          [Function],
-                        ],
-                      },
-                      "data": undefined,
-                      "extraParams": Object {
-                        "actionResolver": undefined,
-                        "actions": undefined,
-                        "allRowsSelected": false,
-                        "areActionsDisabled": undefined,
-                        "canSelectAll": true,
-                        "contentId": "expanded-content",
-                        "dropdownDirection": "down",
-                        "dropdownPosition": "right",
-                        "expandId": "expandable-toggle",
-                        "firstUserColumnIndex": 0,
-                        "onCollapse": undefined,
-                        "onExpand": undefined,
-                        "onRowEdit": [Function],
-                        "onSelect": undefined,
-                        "onSort": undefined,
-                        "rowLabeledBy": "simple-node",
-                        "selectVariant": "checkbox",
-                        "sortBy": undefined,
-                      },
-                      "header": Object {
-                        "formatters": Array [],
-                        "label": "Text input col 4",
-                        "transforms": Array [
-                          [Function],
-                          [Function],
-                        ],
-                      },
-                      "property": "text-input-col-4",
-                      "props": Object {
-                        "data-key": 3,
-                        "data-label": "Text input col 4",
-                      },
-                    },
-                    Object {
-                      "cell": Object {
-                        "formatters": Array [
-                          [Function],
-                        ],
-                        "transforms": Array [
-                          [Function],
-                          [Function],
-                        ],
-                      },
-                      "data": undefined,
-                      "extraParams": Object {
-                        "actionResolver": undefined,
-                        "actions": undefined,
-                        "allRowsSelected": false,
-                        "areActionsDisabled": undefined,
-                        "canSelectAll": true,
-                        "contentId": "expanded-content",
-                        "dropdownDirection": "down",
-                        "dropdownPosition": "right",
-                        "expandId": "expandable-toggle",
-                        "firstUserColumnIndex": 0,
-                        "onCollapse": undefined,
-                        "onExpand": undefined,
-                        "onRowEdit": [Function],
-                        "onSelect": undefined,
-                        "onSort": undefined,
-                        "rowLabeledBy": "simple-node",
-                        "selectVariant": "checkbox",
-                        "sortBy": undefined,
-                      },
-                      "header": Object {
-                        "formatters": Array [],
-                        "label": "",
-                        "transforms": Array [
-                          [Function],
-                          [Function],
-                        ],
-                      },
-                      "property": "column-4",
-                      "props": Object {
-                        "data-key": 4,
-                        "data-label": "",
-                      },
-                    },
-                  ]
-                }
+              "contentId": "expanded-content",
+              "dropdownDirection": "down",
+              "dropdownPosition": "right",
+              "expandId": "expandable-toggle",
+              "firstUserColumnIndex": 0,
+              "onCollapse": undefined,
+              "onExpand": undefined,
+              "onRowEdit": [Function],
+              "onSelect": undefined,
+              "onSort": undefined,
+              "rowLabeledBy": "simple-node",
+              "selectVariant": "checkbox",
+              "sortBy": undefined,
+            },
+            "header": Object {
+              "formatters": Array [],
+              "label": "Disabled text input col 2",
+              "transforms": Array [
+                [Function],
+                [Function],
+              ],
+            },
+            "property": "disabled-text-input-col-2",
+            "props": Object {
+              "data-key": 1,
+              "data-label": "Disabled text input col 2",
+            },
+          },
+          Object {
+            "cell": Object {
+              "formatters": Array [
+                [Function],
+              ],
+              "transforms": Array [
+                [Function],
+              ],
+            },
+            "data": undefined,
+            "extraParams": Object {
+              "actionResolver": undefined,
+              "actions": undefined,
+              "allRowsSelected": false,
+              "areActionsDisabled": undefined,
+              "canSelectAll": true,
+              "contentId": "expanded-content",
+              "dropdownDirection": "down",
+              "dropdownPosition": "right",
+              "expandId": "expandable-toggle",
+              "firstUserColumnIndex": 0,
+              "onCollapse": undefined,
+              "onExpand": undefined,
+              "onRowEdit": [Function],
+              "onSelect": undefined,
+              "onSort": undefined,
+              "rowLabeledBy": "simple-node",
+              "selectVariant": "checkbox",
+              "sortBy": undefined,
+            },
+            "header": Object {
+              "formatters": Array [],
+              "label": "Text input col 3",
+              "transforms": Array [
+                [Function],
+                [Function],
+              ],
+            },
+            "property": "text-input-col-3",
+            "props": Object {
+              "data-key": 2,
+              "data-label": "Text input col 3",
+            },
+          },
+          Object {
+            "cell": Object {
+              "formatters": Array [
+                [Function],
+              ],
+              "transforms": Array [
+                [Function],
+              ],
+            },
+            "data": undefined,
+            "extraParams": Object {
+              "actionResolver": undefined,
+              "actions": undefined,
+              "allRowsSelected": false,
+              "areActionsDisabled": undefined,
+              "canSelectAll": true,
+              "contentId": "expanded-content",
+              "dropdownDirection": "down",
+              "dropdownPosition": "right",
+              "expandId": "expandable-toggle",
+              "firstUserColumnIndex": 0,
+              "onCollapse": undefined,
+              "onExpand": undefined,
+              "onRowEdit": [Function],
+              "onSelect": undefined,
+              "onSort": undefined,
+              "rowLabeledBy": "simple-node",
+              "selectVariant": "checkbox",
+              "sortBy": undefined,
+            },
+            "header": Object {
+              "formatters": Array [],
+              "label": "Text input col 4",
+              "transforms": Array [
+                [Function],
+                [Function],
+              ],
+            },
+            "property": "text-input-col-4",
+            "props": Object {
+              "data-key": 3,
+              "data-label": "Text input col 4",
+            },
+          },
+          Object {
+            "cell": Object {
+              "formatters": Array [
+                [Function],
+              ],
+              "transforms": Array [
+                [Function],
+                [Function],
+              ],
+            },
+            "data": undefined,
+            "extraParams": Object {
+              "actionResolver": undefined,
+              "actions": undefined,
+              "allRowsSelected": false,
+              "areActionsDisabled": undefined,
+              "canSelectAll": true,
+              "contentId": "expanded-content",
+              "dropdownDirection": "down",
+              "dropdownPosition": "right",
+              "expandId": "expandable-toggle",
+              "firstUserColumnIndex": 0,
+              "onCollapse": undefined,
+              "onExpand": undefined,
+              "onRowEdit": [Function],
+              "onSelect": undefined,
+              "onSort": undefined,
+              "rowLabeledBy": "simple-node",
+              "selectVariant": "checkbox",
+              "sortBy": undefined,
+            },
+            "header": Object {
+              "formatters": Array [],
+              "label": "",
+              "transforms": Array [
+                [Function],
+                [Function],
+              ],
+            },
+            "property": "column-4",
+            "props": Object {
+              "data-key": 4,
+              "data-label": "",
+            },
+          },
+        ]
+      }
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      renderers={
+        Object {
+          "body": Object {
+            "cell": [Function],
+            "row": [Function],
+            "wrapper": [Function],
+          },
+          "header": Object {
+            "cell": [Function],
+          },
+        }
+      }
+      role="grid"
+    >
+      <BaseTable
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <BaseTableBase
+          borders={true}
+          className=""
+          gridBreakPoint="grid-md"
+          innerRef={null}
+          isStickyHeader={false}
+          ouiaSafe={true}
+          role="grid"
+        >
+          <table
+            className="pf-c-table pf-m-grid-md"
+            data-ouia-component-id="OUIA-Generated-Table-8"
+            data-ouia-component-type="PF4/Table"
+            data-ouia-safe={true}
+            role="grid"
+          >
+            <caption>
+              Editable Table
+            </caption>
+            <TableHeader>
+              <ContextHeader
                 headerRows={null}
-                renderers={
-                  Object {
-                    "body": Object {
-                      "cell": [Function],
-                      "row": [Function],
-                      "wrapper": [Function],
-                    },
-                    "header": Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    },
-                    "table": "table",
-                  }
-                }
               >
-                <thead
+                <Header
                   className=""
+                  headerRows={null}
                 >
-                  <HeaderRow
-                    key="0-header-row"
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": "tr",
-                        "wrapper": "thead",
-                      }
-                    }
-                    rowData={
+                  <BaseHeader
+                    className=""
+                    columns={
                       Array [
                         Object {
                           "cell": Object {
@@ -49068,1031 +50897,593 @@ exports[`Editable table 1`] = `
                             "areActionsDisabled": undefined,
                             "canSelectAll": true,
                             "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": [Function],
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Text input col 3",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "text-input-col-3",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Text input col 3",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": [Function],
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Text input col 4",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "text-input-col-4",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Text input col 4",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": [Function],
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-4",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "",
-                          },
-                        },
-                      ]
-                    }
-                    rowIndex={0}
-                  >
-                    <tr>
-                      <HeaderCell
-                        data-key={0}
-                        data-label="Text input col 1"
-                        key="0-header"
-                        scope="col"
-                      >
-                        <th
-                          className=""
-                          data-key={0}
-                          data-label="Text input col 1"
-                          onMouseEnter={[Function]}
-                          scope="col"
-                        >
-                          Text input col 1
-                        </th>
-                      </HeaderCell>
-                      <HeaderCell
-                        data-key={1}
-                        data-label="Disabled text input col 2"
-                        key="1-header"
-                        scope="col"
-                      >
-                        <th
-                          className=""
-                          data-key={1}
-                          data-label="Disabled text input col 2"
-                          onMouseEnter={[Function]}
-                          scope="col"
-                        >
-                          Disabled text input col 2
-                        </th>
-                      </HeaderCell>
-                      <HeaderCell
-                        data-key={2}
-                        data-label="Text input col 3"
-                        key="2-header"
-                        scope="col"
-                      >
-                        <th
-                          className=""
-                          data-key={2}
-                          data-label="Text input col 3"
-                          onMouseEnter={[Function]}
-                          scope="col"
-                        >
-                          Text input col 3
-                        </th>
-                      </HeaderCell>
-                      <HeaderCell
-                        data-key={3}
-                        data-label="Text input col 4"
-                        key="3-header"
-                        scope="col"
-                      >
-                        <th
-                          className=""
-                          data-key={3}
-                          data-label="Text input col 4"
-                          onMouseEnter={[Function]}
-                          scope="col"
-                        >
-                          Text input col 4
-                        </th>
-                      </HeaderCell>
-                      <HeaderCell
-                        data-key={4}
-                        data-label=""
-                        key="4-header"
-                        scope=""
-                      >
-                        <th
-                          className=""
-                          data-key={4}
-                          data-label=""
-                          onMouseEnter={[Function]}
-                        />
-                      </HeaderCell>
-                    </tr>
-                  </HeaderRow>
-                </thead>
-              </BaseHeader>
-            </Header>
-          </ContextHeader>
-        </TableHeader>
-        <TableBody>
-          <ContextBody
-            className=""
-            headerData={
-              Array [
-                Object {
-                  "cell": Object {
-                    "formatters": Array [
-                      [Function],
-                    ],
-                    "transforms": Array [
-                      [Function],
-                    ],
-                  },
-                  "data": undefined,
-                  "extraParams": Object {
-                    "actionResolver": undefined,
-                    "actions": undefined,
-                    "allRowsSelected": false,
-                    "areActionsDisabled": undefined,
-                    "canSelectAll": true,
-                    "contentId": "expanded-content",
-                    "dropdownDirection": "down",
-                    "dropdownPosition": "right",
-                    "expandId": "expandable-toggle",
-                    "firstUserColumnIndex": 0,
-                    "onCollapse": undefined,
-                    "onExpand": undefined,
-                    "onRowEdit": [Function],
-                    "onSelect": undefined,
-                    "onSort": undefined,
-                    "rowLabeledBy": "simple-node",
-                    "selectVariant": "checkbox",
-                    "sortBy": undefined,
-                  },
-                  "header": Object {
-                    "formatters": Array [],
-                    "label": "Text input col 1",
-                    "transforms": Array [
-                      [Function],
-                      [Function],
-                    ],
-                  },
-                  "property": "text-input-col-1",
-                  "props": Object {
-                    "data-key": 0,
-                    "data-label": "Text input col 1",
-                  },
-                },
-                Object {
-                  "cell": Object {
-                    "formatters": Array [
-                      [Function],
-                    ],
-                    "transforms": Array [
-                      [Function],
-                    ],
-                  },
-                  "data": undefined,
-                  "extraParams": Object {
-                    "actionResolver": undefined,
-                    "actions": undefined,
-                    "allRowsSelected": false,
-                    "areActionsDisabled": undefined,
-                    "canSelectAll": true,
-                    "contentId": "expanded-content",
-                    "dropdownDirection": "down",
-                    "dropdownPosition": "right",
-                    "expandId": "expandable-toggle",
-                    "firstUserColumnIndex": 0,
-                    "onCollapse": undefined,
-                    "onExpand": undefined,
-                    "onRowEdit": [Function],
-                    "onSelect": undefined,
-                    "onSort": undefined,
-                    "rowLabeledBy": "simple-node",
-                    "selectVariant": "checkbox",
-                    "sortBy": undefined,
-                  },
-                  "header": Object {
-                    "formatters": Array [],
-                    "label": "Disabled text input col 2",
-                    "transforms": Array [
-                      [Function],
-                      [Function],
-                    ],
-                  },
-                  "property": "disabled-text-input-col-2",
-                  "props": Object {
-                    "data-key": 1,
-                    "data-label": "Disabled text input col 2",
-                  },
-                },
-                Object {
-                  "cell": Object {
-                    "formatters": Array [
-                      [Function],
-                    ],
-                    "transforms": Array [
-                      [Function],
-                    ],
-                  },
-                  "data": undefined,
-                  "extraParams": Object {
-                    "actionResolver": undefined,
-                    "actions": undefined,
-                    "allRowsSelected": false,
-                    "areActionsDisabled": undefined,
-                    "canSelectAll": true,
-                    "contentId": "expanded-content",
-                    "dropdownDirection": "down",
-                    "dropdownPosition": "right",
-                    "expandId": "expandable-toggle",
-                    "firstUserColumnIndex": 0,
-                    "onCollapse": undefined,
-                    "onExpand": undefined,
-                    "onRowEdit": [Function],
-                    "onSelect": undefined,
-                    "onSort": undefined,
-                    "rowLabeledBy": "simple-node",
-                    "selectVariant": "checkbox",
-                    "sortBy": undefined,
-                  },
-                  "header": Object {
-                    "formatters": Array [],
-                    "label": "Text input col 3",
-                    "transforms": Array [
-                      [Function],
-                      [Function],
-                    ],
-                  },
-                  "property": "text-input-col-3",
-                  "props": Object {
-                    "data-key": 2,
-                    "data-label": "Text input col 3",
-                  },
-                },
-                Object {
-                  "cell": Object {
-                    "formatters": Array [
-                      [Function],
-                    ],
-                    "transforms": Array [
-                      [Function],
-                    ],
-                  },
-                  "data": undefined,
-                  "extraParams": Object {
-                    "actionResolver": undefined,
-                    "actions": undefined,
-                    "allRowsSelected": false,
-                    "areActionsDisabled": undefined,
-                    "canSelectAll": true,
-                    "contentId": "expanded-content",
-                    "dropdownDirection": "down",
-                    "dropdownPosition": "right",
-                    "expandId": "expandable-toggle",
-                    "firstUserColumnIndex": 0,
-                    "onCollapse": undefined,
-                    "onExpand": undefined,
-                    "onRowEdit": [Function],
-                    "onSelect": undefined,
-                    "onSort": undefined,
-                    "rowLabeledBy": "simple-node",
-                    "selectVariant": "checkbox",
-                    "sortBy": undefined,
-                  },
-                  "header": Object {
-                    "formatters": Array [],
-                    "label": "Text input col 4",
-                    "transforms": Array [
-                      [Function],
-                      [Function],
-                    ],
-                  },
-                  "property": "text-input-col-4",
-                  "props": Object {
-                    "data-key": 3,
-                    "data-label": "Text input col 4",
-                  },
-                },
-                Object {
-                  "cell": Object {
-                    "formatters": Array [
-                      [Function],
-                    ],
-                    "transforms": Array [
-                      [Function],
-                      [Function],
-                    ],
-                  },
-                  "data": undefined,
-                  "extraParams": Object {
-                    "actionResolver": undefined,
-                    "actions": undefined,
-                    "allRowsSelected": false,
-                    "areActionsDisabled": undefined,
-                    "canSelectAll": true,
-                    "contentId": "expanded-content",
-                    "dropdownDirection": "down",
-                    "dropdownPosition": "right",
-                    "expandId": "expandable-toggle",
-                    "firstUserColumnIndex": 0,
-                    "onCollapse": undefined,
-                    "onExpand": undefined,
-                    "onRowEdit": [Function],
-                    "onSelect": undefined,
-                    "onSort": undefined,
-                    "rowLabeledBy": "simple-node",
-                    "selectVariant": "checkbox",
-                    "sortBy": undefined,
-                  },
-                  "header": Object {
-                    "formatters": Array [],
-                    "label": "",
-                    "transforms": Array [
-                      [Function],
-                      [Function],
-                    ],
-                  },
-                  "property": "column-4",
-                  "props": Object {
-                    "data-key": 4,
-                    "data-label": "",
-                  },
-                },
-              ]
-            }
-            headerRows={null}
-            onRow={[Function]}
-            onRowClick={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow1Cell1",
-                        "value": "Row 1 cell 1 content",
-                      },
-                      "title": [Function],
-                    },
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow1Cell2",
-                        "value": "Row 1 cell 2, disabled content",
-                      },
-                      "title": [Function],
-                    },
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow1Cell3",
-                        "value": "Row 1 cell 3 content",
-                      },
-                      "title": [Function],
-                    },
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow1Cell4",
-                        "value": "Row 1 cell 4 content",
-                      },
-                      "title": [Function],
-                    },
-                  ],
-                  "isEditable": true,
-                },
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow2Cell1",
-                        "value": "Row 2 cell 1 content",
-                      },
-                      "title": [Function],
-                    },
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow2Cell2",
-                        "value": "Row 2 cell 2, disabled content",
-                      },
-                      "title": [Function],
-                    },
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow2Cell3",
-                        "value": "Row 2 cell 3 content",
-                      },
-                      "title": [Function],
-                    },
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow2Cell4",
-                        "value": "Row 2 cell 4 content",
-                      },
-                      "title": [Function],
-                    },
-                  ],
-                  "isEditable": false,
-                },
-              ]
-            }
-          >
-            <Body
-              className=""
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "cells": Array [
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell1",
-                          "value": "Row 1 cell 1 content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell2",
-                          "value": "Row 1 cell 2, disabled content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell3",
-                          "value": "Row 1 cell 3 content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell4",
-                          "value": "Row 1 cell 4 content",
-                        },
-                        "title": [Function],
-                      },
-                    ],
-                    "disabled-text-input-col-2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell2",
-                        "value": "Row 1 cell 2, disabled content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={1}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 2 content"
-                        isDisabled={true}
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell2",
-                            "value": "Row 1 cell 2, disabled content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 2, disabled content"
-                      />,
-                    },
-                    "id": 0,
-                    "isEditable": true,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "text-input-col-1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell1",
-                        "value": "Row 1 cell 1 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={0}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 1 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell1",
-                            "value": "Row 1 cell 1 content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 1 content"
-                      />,
-                    },
-                    "text-input-col-3": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell3",
-                        "value": "Row 1 cell 3 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={2}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 3 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell3",
-                            "value": "Row 1 cell 3 content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 3 content"
-                      />,
-                    },
-                    "text-input-col-4": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell4",
-                        "value": "Row 1 cell 4 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={3}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 4 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell4",
-                            "value": "Row 1 cell 4 content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 4 content"
-                      />,
-                    },
-                  },
-                  Object {
-                    "cells": Array [
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell1",
-                          "value": "Row 2 cell 1 content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell2",
-                          "value": "Row 2 cell 2, disabled content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell3",
-                          "value": "Row 2 cell 3 content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell4",
-                          "value": "Row 2 cell 4 content",
-                        },
-                        "title": [Function],
-                      },
-                    ],
-                    "disabled-text-input-col-2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell2",
-                        "value": "Row 2 cell 2, disabled content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={1}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 2 cell 2 content"
-                        isDisabled={true}
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell2",
-                            "value": "Row 2 cell 2, disabled content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 2, disabled content"
-                      />,
-                    },
-                    "id": 1,
-                    "isEditable": false,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "text-input-col-1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell1",
-                        "value": "Row 2 cell 1 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={0}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 1 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell1",
-                            "value": "Row 2 cell 1 content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 1 content"
-                      />,
-                    },
-                    "text-input-col-3": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell3",
-                        "value": "Row 2 cell 3 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={2}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 2 cell 3 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell3",
-                            "value": "Row 2 cell 3 content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 3 content"
-                      />,
-                    },
-                    "text-input-col-4": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell4",
-                        "value": "Row 2 cell 4 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={3}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 2 cell 4 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell4",
-                            "value": "Row 2 cell 4 content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 4 content"
-                      />,
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "cells": Array [
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell1",
-                          "value": "Row 1 cell 1 content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell2",
-                          "value": "Row 1 cell 2, disabled content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell3",
-                          "value": "Row 1 cell 3 content",
+                            "dropdownDirection": "down",
+                            "dropdownPosition": "right",
+                            "expandId": "expandable-toggle",
+                            "firstUserColumnIndex": 0,
+                            "onCollapse": undefined,
+                            "onExpand": undefined,
+                            "onRowEdit": [Function],
+                            "onSelect": undefined,
+                            "onSort": undefined,
+                            "rowLabeledBy": "simple-node",
+                            "selectVariant": "checkbox",
+                            "sortBy": undefined,
+                          },
+                          "header": Object {
+                            "formatters": Array [],
+                            "label": "Text input col 3",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "property": "text-input-col-3",
+                          "props": Object {
+                            "data-key": 2,
+                            "data-label": "Text input col 3",
+                          },
                         },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell4",
-                          "value": "Row 1 cell 4 content",
+                        Object {
+                          "cell": Object {
+                            "formatters": Array [
+                              [Function],
+                            ],
+                            "transforms": Array [
+                              [Function],
+                            ],
+                          },
+                          "data": undefined,
+                          "extraParams": Object {
+                            "actionResolver": undefined,
+                            "actions": undefined,
+                            "allRowsSelected": false,
+                            "areActionsDisabled": undefined,
+                            "canSelectAll": true,
+                            "contentId": "expanded-content",
+                            "dropdownDirection": "down",
+                            "dropdownPosition": "right",
+                            "expandId": "expandable-toggle",
+                            "firstUserColumnIndex": 0,
+                            "onCollapse": undefined,
+                            "onExpand": undefined,
+                            "onRowEdit": [Function],
+                            "onSelect": undefined,
+                            "onSort": undefined,
+                            "rowLabeledBy": "simple-node",
+                            "selectVariant": "checkbox",
+                            "sortBy": undefined,
+                          },
+                          "header": Object {
+                            "formatters": Array [],
+                            "label": "Text input col 4",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "property": "text-input-col-4",
+                          "props": Object {
+                            "data-key": 3,
+                            "data-label": "Text input col 4",
+                          },
                         },
-                        "title": [Function],
-                      },
-                    ],
-                    "disabled-text-input-col-2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell2",
-                        "value": "Row 1 cell 2, disabled content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={1}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 2 content"
-                        isDisabled={true}
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell2",
-                            "value": "Row 1 cell 2, disabled content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 2, disabled content"
-                      />,
-                    },
-                    "id": 0,
-                    "isEditable": true,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "text-input-col-1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell1",
-                        "value": "Row 1 cell 1 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={0}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 1 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell1",
-                            "value": "Row 1 cell 1 content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 1 content"
-                      />,
-                    },
-                    "text-input-col-3": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell3",
-                        "value": "Row 1 cell 3 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={2}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 3 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell3",
-                            "value": "Row 1 cell 3 content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 3 content"
-                      />,
-                    },
-                    "text-input-col-4": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell4",
-                        "value": "Row 1 cell 4 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={3}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 4 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell4",
-                            "value": "Row 1 cell 4 content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 4 content"
-                      />,
-                    },
-                  },
-                  Object {
-                    "cells": Array [
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell1",
-                          "value": "Row 2 cell 1 content",
+                        Object {
+                          "cell": Object {
+                            "formatters": Array [
+                              [Function],
+                            ],
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "data": undefined,
+                          "extraParams": Object {
+                            "actionResolver": undefined,
+                            "actions": undefined,
+                            "allRowsSelected": false,
+                            "areActionsDisabled": undefined,
+                            "canSelectAll": true,
+                            "contentId": "expanded-content",
+                            "dropdownDirection": "down",
+                            "dropdownPosition": "right",
+                            "expandId": "expandable-toggle",
+                            "firstUserColumnIndex": 0,
+                            "onCollapse": undefined,
+                            "onExpand": undefined,
+                            "onRowEdit": [Function],
+                            "onSelect": undefined,
+                            "onSort": undefined,
+                            "rowLabeledBy": "simple-node",
+                            "selectVariant": "checkbox",
+                            "sortBy": undefined,
+                          },
+                          "header": Object {
+                            "formatters": Array [],
+                            "label": "",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "property": "column-4",
+                          "props": Object {
+                            "data-key": 4,
+                            "data-label": "",
+                          },
                         },
-                        "title": [Function],
-                      },
+                      ]
+                    }
+                    headerRows={null}
+                    renderers={
                       Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell2",
-                          "value": "Row 2 cell 2, disabled content",
+                        "body": Object {
+                          "cell": [Function],
+                          "row": [Function],
+                          "wrapper": [Function],
                         },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell3",
-                          "value": "Row 2 cell 3 content",
+                        "header": Object {
+                          "cell": [Function],
+                          "row": Object {
+                            "$$typeof": Symbol(react.forward_ref),
+                            "displayName": "BaseTableHeaderRow",
+                            "render": [Function],
+                          },
+                          "wrapper": Object {
+                            "$$typeof": Symbol(react.forward_ref),
+                            "displayName": "BaseTableHead",
+                            "render": [Function],
+                          },
                         },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell4",
-                          "value": "Row 2 cell 4 content",
+                        "table": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTable",
+                          "render": [Function],
                         },
-                        "title": [Function],
-                      },
-                    ],
-                    "disabled-text-input-col-2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell2",
-                        "value": "Row 2 cell 2, disabled content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={1}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 2 cell 2 content"
-                        isDisabled={true}
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell2",
-                            "value": "Row 2 cell 2, disabled content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 2, disabled content"
-                      />,
-                    },
-                    "id": 1,
-                    "isEditable": false,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "text-input-col-1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell1",
-                        "value": "Row 2 cell 1 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={0}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 1 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell1",
-                            "value": "Row 2 cell 1 content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 1 content"
-                      />,
-                    },
-                    "text-input-col-3": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell3",
-                        "value": "Row 2 cell 3 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={2}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 2 cell 3 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell3",
-                            "value": "Row 2 cell 3 content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 3 content"
-                      />,
-                    },
-                    "text-input-col-4": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell4",
-                        "value": "Row 2 cell 4 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={3}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 2 cell 4 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell4",
-                            "value": "Row 2 cell 4 content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 4 content"
-                      />,
-                    },
-                  },
-                ]
-              }
-            >
-              <BaseBody
+                      }
+                    }
+                  >
+                    <BaseTableHead
+                      className=""
+                    >
+                      <BaseTableHeadBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <thead
+                          className=""
+                        >
+                          <HeaderRow
+                            key="0-header-row"
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": Object {
+                                  "$$typeof": Symbol(react.forward_ref),
+                                  "displayName": "BaseTableHeaderRow",
+                                  "render": [Function],
+                                },
+                                "wrapper": Object {
+                                  "$$typeof": Symbol(react.forward_ref),
+                                  "displayName": "BaseTableHead",
+                                  "render": [Function],
+                                },
+                              }
+                            }
+                            rowData={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": [Function],
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Text input col 1",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "text-input-col-1",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Text input col 1",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": [Function],
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Disabled text input col 2",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "disabled-text-input-col-2",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Disabled text input col 2",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": [Function],
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Text input col 3",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "text-input-col-3",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Text input col 3",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": [Function],
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Text input col 4",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "text-input-col-4",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Text input col 4",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": [Function],
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-4",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            rowIndex={0}
+                          >
+                            <BaseTableHeaderRow>
+                              <BaseTableHeaderRowBase
+                                innerRef={null}
+                              >
+                                <tr>
+                                  <HeaderCell
+                                    data-key={0}
+                                    data-label="Text input col 1"
+                                    key="0-header"
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCell
+                                      className=""
+                                      data-key={0}
+                                      data-label="Text input col 1"
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <BaseHeaderCellBase
+                                        className=""
+                                        data-key={0}
+                                        data-label="Text input col 1"
+                                        innerRef={null}
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <th
+                                          aria-sort="none"
+                                          className=""
+                                          data-key={0}
+                                          data-label="Text input col 1"
+                                          onMouseEnter={[Function]}
+                                          scope="col"
+                                        >
+                                          Text input col 1
+                                        </th>
+                                      </BaseHeaderCellBase>
+                                    </BaseHeaderCell>
+                                  </HeaderCell>
+                                  <HeaderCell
+                                    data-key={1}
+                                    data-label="Disabled text input col 2"
+                                    key="1-header"
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCell
+                                      className=""
+                                      data-key={1}
+                                      data-label="Disabled text input col 2"
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <BaseHeaderCellBase
+                                        className=""
+                                        data-key={1}
+                                        data-label="Disabled text input col 2"
+                                        innerRef={null}
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <th
+                                          aria-sort="none"
+                                          className=""
+                                          data-key={1}
+                                          data-label="Disabled text input col 2"
+                                          onMouseEnter={[Function]}
+                                          scope="col"
+                                        >
+                                          Disabled text input col 2
+                                        </th>
+                                      </BaseHeaderCellBase>
+                                    </BaseHeaderCell>
+                                  </HeaderCell>
+                                  <HeaderCell
+                                    data-key={2}
+                                    data-label="Text input col 3"
+                                    key="2-header"
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCell
+                                      className=""
+                                      data-key={2}
+                                      data-label="Text input col 3"
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <BaseHeaderCellBase
+                                        className=""
+                                        data-key={2}
+                                        data-label="Text input col 3"
+                                        innerRef={null}
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <th
+                                          aria-sort="none"
+                                          className=""
+                                          data-key={2}
+                                          data-label="Text input col 3"
+                                          onMouseEnter={[Function]}
+                                          scope="col"
+                                        >
+                                          Text input col 3
+                                        </th>
+                                      </BaseHeaderCellBase>
+                                    </BaseHeaderCell>
+                                  </HeaderCell>
+                                  <HeaderCell
+                                    data-key={3}
+                                    data-label="Text input col 4"
+                                    key="3-header"
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCell
+                                      className=""
+                                      data-key={3}
+                                      data-label="Text input col 4"
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <BaseHeaderCellBase
+                                        className=""
+                                        data-key={3}
+                                        data-label="Text input col 4"
+                                        innerRef={null}
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <th
+                                          aria-sort="none"
+                                          className=""
+                                          data-key={3}
+                                          data-label="Text input col 4"
+                                          onMouseEnter={[Function]}
+                                          scope="col"
+                                        >
+                                          Text input col 4
+                                        </th>
+                                      </BaseHeaderCellBase>
+                                    </BaseHeaderCell>
+                                  </HeaderCell>
+                                  <HeaderCell
+                                    data-key={4}
+                                    data-label=""
+                                    key="4-header"
+                                    scope=""
+                                  >
+                                    <BaseHeaderCell
+                                      className=""
+                                      data-key={4}
+                                      data-label=""
+                                      onMouseEnter={[Function]}
+                                    >
+                                      <BaseHeaderCellBase
+                                        className=""
+                                        data-key={4}
+                                        data-label=""
+                                        innerRef={null}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <th
+                                          aria-sort="none"
+                                          className=""
+                                          data-key={4}
+                                          data-label=""
+                                          onMouseEnter={[Function]}
+                                          scope="col"
+                                        />
+                                      </BaseHeaderCellBase>
+                                    </BaseHeaderCell>
+                                  </HeaderCell>
+                                </tr>
+                              </BaseTableHeaderRowBase>
+                            </BaseTableHeaderRow>
+                          </HeaderRow>
+                        </thead>
+                      </BaseTableHeadBase>
+                    </BaseTableHead>
+                  </BaseHeader>
+                </Header>
+              </ContextHeader>
+            </TableHeader>
+            <TableBody>
+              <ContextBody
                 className=""
-                columns={
+                headerData={
                   Array [
                     Object {
                       "cell": Object {
@@ -50318,276 +51709,8 @@ exports[`Editable table 1`] = `
                   ]
                 }
                 headerRows={null}
-                mappedRows={
-                  Array [
-                    Object {
-                      "cells": Array [
-                        Object {
-                          "props": Object {
-                            "name": "uniqueIdRow1Cell1",
-                            "value": "Row 1 cell 1 content",
-                          },
-                          "title": [Function],
-                        },
-                        Object {
-                          "props": Object {
-                            "name": "uniqueIdRow1Cell2",
-                            "value": "Row 1 cell 2, disabled content",
-                          },
-                          "title": [Function],
-                        },
-                        Object {
-                          "props": Object {
-                            "name": "uniqueIdRow1Cell3",
-                            "value": "Row 1 cell 3 content",
-                          },
-                          "title": [Function],
-                        },
-                        Object {
-                          "props": Object {
-                            "name": "uniqueIdRow1Cell4",
-                            "value": "Row 1 cell 4 content",
-                          },
-                          "title": [Function],
-                        },
-                      ],
-                      "disabled-text-input-col-2": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell2",
-                          "value": "Row 1 cell 2, disabled content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={1}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 2 content"
-                          isDisabled={true}
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell2",
-                              "value": "Row 1 cell 2, disabled content",
-                            }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 2, disabled content"
-                        />,
-                      },
-                      "id": 0,
-                      "isEditable": true,
-                      "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "text-input-col-1": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell1",
-                          "value": "Row 1 cell 1 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={0}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 1 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell1",
-                              "value": "Row 1 cell 1 content",
-                            }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 1 content"
-                        />,
-                      },
-                      "text-input-col-3": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell3",
-                          "value": "Row 1 cell 3 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={2}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 3 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell3",
-                              "value": "Row 1 cell 3 content",
-                            }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 3 content"
-                        />,
-                      },
-                      "text-input-col-4": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell4",
-                          "value": "Row 1 cell 4 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={3}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 4 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell4",
-                              "value": "Row 1 cell 4 content",
-                            }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 4 content"
-                        />,
-                      },
-                    },
-                    Object {
-                      "cells": Array [
-                        Object {
-                          "props": Object {
-                            "name": "uniqueIdRow2Cell1",
-                            "value": "Row 2 cell 1 content",
-                          },
-                          "title": [Function],
-                        },
-                        Object {
-                          "props": Object {
-                            "name": "uniqueIdRow2Cell2",
-                            "value": "Row 2 cell 2, disabled content",
-                          },
-                          "title": [Function],
-                        },
-                        Object {
-                          "props": Object {
-                            "name": "uniqueIdRow2Cell3",
-                            "value": "Row 2 cell 3 content",
-                          },
-                          "title": [Function],
-                        },
-                        Object {
-                          "props": Object {
-                            "name": "uniqueIdRow2Cell4",
-                            "value": "Row 2 cell 4 content",
-                          },
-                          "title": [Function],
-                        },
-                      ],
-                      "disabled-text-input-col-2": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell2",
-                          "value": "Row 2 cell 2, disabled content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={1}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 2 cell 2 content"
-                          isDisabled={true}
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell2",
-                              "value": "Row 2 cell 2, disabled content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 2, disabled content"
-                        />,
-                      },
-                      "id": 1,
-                      "isEditable": false,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
-                      "text-input-col-1": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell1",
-                          "value": "Row 2 cell 1 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={0}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 1 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell1",
-                              "value": "Row 2 cell 1 content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 1 content"
-                        />,
-                      },
-                      "text-input-col-3": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell3",
-                          "value": "Row 2 cell 3 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={2}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 2 cell 3 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell3",
-                              "value": "Row 2 cell 3 content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 3 content"
-                        />,
-                      },
-                      "text-input-col-4": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell4",
-                          "value": "Row 2 cell 4 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={3}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 2 cell 4 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell4",
-                              "value": "Row 2 cell 4 content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 4 content"
-                        />,
-                      },
-                    },
-                  ]
-                }
                 onRow={[Function]}
-                renderers={
-                  Object {
-                    "body": Object {
-                      "cell": [Function],
-                      "row": [Function],
-                      "wrapper": [Function],
-                    },
-                    "header": Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    },
-                    "table": "table",
-                  }
-                }
+                onRowClick={[Function]}
                 rowKey="id"
                 rows={
                   Array [
@@ -50609,112 +51732,20 @@ exports[`Editable table 1`] = `
                         },
                         Object {
                           "props": Object {
-                            "name": "uniqueIdRow1Cell3",
-                            "value": "Row 1 cell 3 content",
-                          },
-                          "title": [Function],
-                        },
-                        Object {
-                          "props": Object {
-                            "name": "uniqueIdRow1Cell4",
-                            "value": "Row 1 cell 4 content",
-                          },
-                          "title": [Function],
-                        },
-                      ],
-                      "disabled-text-input-col-2": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell2",
-                          "value": "Row 1 cell 2, disabled content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={1}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 2 content"
-                          isDisabled={true}
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell2",
-                              "value": "Row 1 cell 2, disabled content",
-                            }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 2, disabled content"
-                        />,
-                      },
-                      "id": 0,
-                      "isEditable": true,
-                      "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "text-input-col-1": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell1",
-                          "value": "Row 1 cell 1 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={0}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 1 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell1",
-                              "value": "Row 1 cell 1 content",
-                            }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 1 content"
-                        />,
-                      },
-                      "text-input-col-3": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell3",
-                          "value": "Row 1 cell 3 content",
+                            "name": "uniqueIdRow1Cell3",
+                            "value": "Row 1 cell 3 content",
+                          },
+                          "title": [Function],
                         },
-                        "title": <EditableTextCell
-                          cellIndex={2}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 3 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell3",
-                              "value": "Row 1 cell 3 content",
-                            }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 3 content"
-                        />,
-                      },
-                      "text-input-col-4": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell4",
-                          "value": "Row 1 cell 4 content",
+                        Object {
+                          "props": Object {
+                            "name": "uniqueIdRow1Cell4",
+                            "value": "Row 1 cell 4 content",
+                          },
+                          "title": [Function],
                         },
-                        "title": <EditableTextCell
-                          cellIndex={3}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 4 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell4",
-                              "value": "Row 1 cell 4 content",
-                            }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 4 content"
-                        />,
-                      },
+                      ],
+                      "isEditable": true,
                     },
                     Object {
                       "cells": Array [
@@ -50747,104 +51778,12 @@ exports[`Editable table 1`] = `
                           "title": [Function],
                         },
                       ],
-                      "disabled-text-input-col-2": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell2",
-                          "value": "Row 2 cell 2, disabled content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={1}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 2 cell 2 content"
-                          isDisabled={true}
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell2",
-                              "value": "Row 2 cell 2, disabled content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 2, disabled content"
-                        />,
-                      },
-                      "id": 1,
                       "isEditable": false,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
-                      "text-input-col-1": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell1",
-                          "value": "Row 2 cell 1 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={0}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 1 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell1",
-                              "value": "Row 2 cell 1 content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 1 content"
-                        />,
-                      },
-                      "text-input-col-3": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell3",
-                          "value": "Row 2 cell 3 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={2}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 2 cell 3 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell3",
-                              "value": "Row 2 cell 3 content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 3 content"
-                        />,
-                      },
-                      "text-input-col-4": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell4",
-                          "value": "Row 2 cell 4 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={3}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 2 cell 4 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell4",
-                              "value": "Row 2 cell 4 content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 4 content"
-                        />,
-                      },
                     },
                   ]
                 }
               >
-                <BodyWrapper
+                <Body
                   className=""
                   headerRows={null}
                   mappedRows={
@@ -51101,246 +52040,493 @@ exports[`Editable table 1`] = `
                       },
                     ]
                   }
-                >
-                  <tbody
-                    className=""
-                  >
-                    <BodyRow
-                      columns={
-                        Array [
+                  onRow={[Function]}
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "cells": Array [
                           Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Text input col 1",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
+                            "props": Object {
+                              "name": "uniqueIdRow1Cell1",
+                              "value": "Row 1 cell 1 content",
                             },
-                            "property": "text-input-col-1",
+                            "title": [Function],
+                          },
+                          Object {
                             "props": Object {
-                              "data-key": 0,
-                              "data-label": "Text input col 1",
+                              "name": "uniqueIdRow1Cell2",
+                              "value": "Row 1 cell 2, disabled content",
                             },
+                            "title": [Function],
                           },
                           Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Disabled text input col 2",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
+                            "props": Object {
+                              "name": "uniqueIdRow1Cell3",
+                              "value": "Row 1 cell 3 content",
+                            },
+                            "title": [Function],
+                          },
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow1Cell4",
+                              "value": "Row 1 cell 4 content",
+                            },
+                            "title": [Function],
+                          },
+                        ],
+                        "disabled-text-input-col-2": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                            "name": "uniqueIdRow1Cell2",
+                            "value": "Row 1 cell 2, disabled content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={1}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 1 cell 2 content"
+                            isDisabled={true}
+                            props={
+                              Object {
+                                "name": "uniqueIdRow1Cell2",
+                                "value": "Row 1 cell 2, disabled content",
+                              }
+                            }
+                            rowIndex={0}
+                            value="Row 1 cell 2, disabled content"
+                          />,
+                        },
+                        "id": 0,
+                        "isEditable": true,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "text-input-col-1": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                            "name": "uniqueIdRow1Cell1",
+                            "value": "Row 1 cell 1 content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={0}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 1 cell 1 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow1Cell1",
+                                "value": "Row 1 cell 1 content",
+                              }
+                            }
+                            rowIndex={0}
+                            value="Row 1 cell 1 content"
+                          />,
+                        },
+                        "text-input-col-3": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                            "name": "uniqueIdRow1Cell3",
+                            "value": "Row 1 cell 3 content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={2}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 1 cell 3 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow1Cell3",
+                                "value": "Row 1 cell 3 content",
+                              }
+                            }
+                            rowIndex={0}
+                            value="Row 1 cell 3 content"
+                          />,
+                        },
+                        "text-input-col-4": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                            "name": "uniqueIdRow1Cell4",
+                            "value": "Row 1 cell 4 content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={3}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 1 cell 4 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow1Cell4",
+                                "value": "Row 1 cell 4 content",
+                              }
+                            }
+                            rowIndex={0}
+                            value="Row 1 cell 4 content"
+                          />,
+                        },
+                      },
+                      Object {
+                        "cells": Array [
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow2Cell1",
+                              "value": "Row 2 cell 1 content",
                             },
-                            "property": "disabled-text-input-col-2",
+                            "title": [Function],
+                          },
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow2Cell2",
+                              "value": "Row 2 cell 2, disabled content",
+                            },
+                            "title": [Function],
+                          },
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow2Cell3",
+                              "value": "Row 2 cell 3 content",
+                            },
+                            "title": [Function],
+                          },
+                          Object {
                             "props": Object {
-                              "data-key": 1,
-                              "data-label": "Disabled text input col 2",
+                              "name": "uniqueIdRow2Cell4",
+                              "value": "Row 2 cell 4 content",
                             },
+                            "title": [Function],
+                          },
+                        ],
+                        "disabled-text-input-col-2": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                            "name": "uniqueIdRow2Cell2",
+                            "value": "Row 2 cell 2, disabled content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={1}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 2 cell 2 content"
+                            isDisabled={true}
+                            props={
+                              Object {
+                                "name": "uniqueIdRow2Cell2",
+                                "value": "Row 2 cell 2, disabled content",
+                              }
+                            }
+                            rowIndex={1}
+                            value="Row 2 cell 2, disabled content"
+                          />,
+                        },
+                        "id": 1,
+                        "isEditable": false,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "text-input-col-1": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                            "name": "uniqueIdRow2Cell1",
+                            "value": "Row 2 cell 1 content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={0}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 1 cell 1 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow2Cell1",
+                                "value": "Row 2 cell 1 content",
+                              }
+                            }
+                            rowIndex={1}
+                            value="Row 2 cell 1 content"
+                          />,
+                        },
+                        "text-input-col-3": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                            "name": "uniqueIdRow2Cell3",
+                            "value": "Row 2 cell 3 content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={2}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 2 cell 3 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow2Cell3",
+                                "value": "Row 2 cell 3 content",
+                              }
+                            }
+                            rowIndex={1}
+                            value="Row 2 cell 3 content"
+                          />,
+                        },
+                        "text-input-col-4": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                            "name": "uniqueIdRow2Cell4",
+                            "value": "Row 2 cell 4 content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={3}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 2 cell 4 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow2Cell4",
+                                "value": "Row 2 cell 4 content",
+                              }
+                            }
+                            rowIndex={1}
+                            value="Row 2 cell 4 content"
+                          />,
+                        },
+                      },
+                    ]
+                  }
+                >
+                  <BaseBody
+                    className=""
+                    columns={
+                      Array [
+                        Object {
+                          "cell": Object {
+                            "formatters": Array [
+                              [Function],
+                            ],
+                            "transforms": Array [
+                              [Function],
+                            ],
+                          },
+                          "data": undefined,
+                          "extraParams": Object {
+                            "actionResolver": undefined,
+                            "actions": undefined,
+                            "allRowsSelected": false,
+                            "areActionsDisabled": undefined,
+                            "canSelectAll": true,
+                            "contentId": "expanded-content",
+                            "dropdownDirection": "down",
+                            "dropdownPosition": "right",
+                            "expandId": "expandable-toggle",
+                            "firstUserColumnIndex": 0,
+                            "onCollapse": undefined,
+                            "onExpand": undefined,
+                            "onRowEdit": [Function],
+                            "onSelect": undefined,
+                            "onSort": undefined,
+                            "rowLabeledBy": "simple-node",
+                            "selectVariant": "checkbox",
+                            "sortBy": undefined,
+                          },
+                          "header": Object {
+                            "formatters": Array [],
+                            "label": "Text input col 1",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "property": "text-input-col-1",
+                          "props": Object {
+                            "data-key": 0,
+                            "data-label": "Text input col 1",
+                          },
+                        },
+                        Object {
+                          "cell": Object {
+                            "formatters": Array [
+                              [Function],
+                            ],
+                            "transforms": Array [
+                              [Function],
+                            ],
+                          },
+                          "data": undefined,
+                          "extraParams": Object {
+                            "actionResolver": undefined,
+                            "actions": undefined,
+                            "allRowsSelected": false,
+                            "areActionsDisabled": undefined,
+                            "canSelectAll": true,
+                            "contentId": "expanded-content",
+                            "dropdownDirection": "down",
+                            "dropdownPosition": "right",
+                            "expandId": "expandable-toggle",
+                            "firstUserColumnIndex": 0,
+                            "onCollapse": undefined,
+                            "onExpand": undefined,
+                            "onRowEdit": [Function],
+                            "onSelect": undefined,
+                            "onSort": undefined,
+                            "rowLabeledBy": "simple-node",
+                            "selectVariant": "checkbox",
+                            "sortBy": undefined,
+                          },
+                          "header": Object {
+                            "formatters": Array [],
+                            "label": "Disabled text input col 2",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "property": "disabled-text-input-col-2",
+                          "props": Object {
+                            "data-key": 1,
+                            "data-label": "Disabled text input col 2",
+                          },
+                        },
+                        Object {
+                          "cell": Object {
+                            "formatters": Array [
+                              [Function],
+                            ],
+                            "transforms": Array [
+                              [Function],
+                            ],
+                          },
+                          "data": undefined,
+                          "extraParams": Object {
+                            "actionResolver": undefined,
+                            "actions": undefined,
+                            "allRowsSelected": false,
+                            "areActionsDisabled": undefined,
+                            "canSelectAll": true,
+                            "contentId": "expanded-content",
+                            "dropdownDirection": "down",
+                            "dropdownPosition": "right",
+                            "expandId": "expandable-toggle",
+                            "firstUserColumnIndex": 0,
+                            "onCollapse": undefined,
+                            "onExpand": undefined,
+                            "onRowEdit": [Function],
+                            "onSelect": undefined,
+                            "onSort": undefined,
+                            "rowLabeledBy": "simple-node",
+                            "selectVariant": "checkbox",
+                            "sortBy": undefined,
+                          },
+                          "header": Object {
+                            "formatters": Array [],
+                            "label": "Text input col 3",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "property": "text-input-col-3",
+                          "props": Object {
+                            "data-key": 2,
+                            "data-label": "Text input col 3",
+                          },
+                        },
+                        Object {
+                          "cell": Object {
+                            "formatters": Array [
+                              [Function],
+                            ],
+                            "transforms": Array [
+                              [Function],
+                            ],
+                          },
+                          "data": undefined,
+                          "extraParams": Object {
+                            "actionResolver": undefined,
+                            "actions": undefined,
+                            "allRowsSelected": false,
+                            "areActionsDisabled": undefined,
+                            "canSelectAll": true,
+                            "contentId": "expanded-content",
+                            "dropdownDirection": "down",
+                            "dropdownPosition": "right",
+                            "expandId": "expandable-toggle",
+                            "firstUserColumnIndex": 0,
+                            "onCollapse": undefined,
+                            "onExpand": undefined,
+                            "onRowEdit": [Function],
+                            "onSelect": undefined,
+                            "onSort": undefined,
+                            "rowLabeledBy": "simple-node",
+                            "selectVariant": "checkbox",
+                            "sortBy": undefined,
+                          },
+                          "header": Object {
+                            "formatters": Array [],
+                            "label": "Text input col 4",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "property": "text-input-col-4",
+                          "props": Object {
+                            "data-key": 3,
+                            "data-label": "Text input col 4",
+                          },
+                        },
+                        Object {
+                          "cell": Object {
+                            "formatters": Array [
+                              [Function],
+                            ],
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
                           },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Text input col 3",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "text-input-col-3",
-                            "props": Object {
-                              "data-key": 2,
-                              "data-label": "Text input col 3",
-                            },
+                          "data": undefined,
+                          "extraParams": Object {
+                            "actionResolver": undefined,
+                            "actions": undefined,
+                            "allRowsSelected": false,
+                            "areActionsDisabled": undefined,
+                            "canSelectAll": true,
+                            "contentId": "expanded-content",
+                            "dropdownDirection": "down",
+                            "dropdownPosition": "right",
+                            "expandId": "expandable-toggle",
+                            "firstUserColumnIndex": 0,
+                            "onCollapse": undefined,
+                            "onExpand": undefined,
+                            "onRowEdit": [Function],
+                            "onSelect": undefined,
+                            "onSort": undefined,
+                            "rowLabeledBy": "simple-node",
+                            "selectVariant": "checkbox",
+                            "sortBy": undefined,
                           },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Text input col 4",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "text-input-col-4",
-                            "props": Object {
-                              "data-key": 3,
-                              "data-label": "Text input col 4",
-                            },
+                          "header": Object {
+                            "formatters": Array [],
+                            "label": "",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
                           },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "column-4",
-                            "props": Object {
-                              "data-key": 4,
-                              "data-label": "",
-                            },
+                          "property": "column-4",
+                          "props": Object {
+                            "data-key": 4,
+                            "data-label": "",
                           },
-                        ]
-                      }
-                      key="0-row"
-                      onRow={[Function]}
-                      renderers={
-                        Object {
-                          "cell": [Function],
-                          "row": [Function],
-                          "wrapper": [Function],
-                        }
-                      }
-                      rowData={
+                        },
+                      ]
+                    }
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "cells": Array [
                             Object {
@@ -51465,880 +52651,290 @@ exports[`Editable table 1`] = `
                               value="Row 1 cell 4 content"
                             />,
                           },
-                        }
-                      }
-                      rowIndex={0}
-                      rowKey="0-row"
-                    >
-                      <RowWrapper
-                        className=""
-                        onMouseDown={[Function]}
-                        row={
-                          Object {
-                            "cells": Array [
-                              Object {
-                                "props": Object {
-                                  "name": "uniqueIdRow1Cell1",
-                                  "value": "Row 1 cell 1 content",
-                                },
-                                "title": [Function],
-                              },
-                              Object {
-                                "props": Object {
-                                  "name": "uniqueIdRow1Cell2",
-                                  "value": "Row 1 cell 2, disabled content",
-                                },
-                                "title": [Function],
+                        },
+                        Object {
+                          "cells": Array [
+                            Object {
+                              "props": Object {
+                                "name": "uniqueIdRow2Cell1",
+                                "value": "Row 2 cell 1 content",
                               },
-                              Object {
-                                "props": Object {
-                                  "name": "uniqueIdRow1Cell3",
-                                  "value": "Row 1 cell 3 content",
-                                },
-                                "title": [Function],
+                              "title": [Function],
+                            },
+                            Object {
+                              "props": Object {
+                                "name": "uniqueIdRow2Cell2",
+                                "value": "Row 2 cell 2, disabled content",
                               },
-                              Object {
-                                "props": Object {
-                                  "name": "uniqueIdRow1Cell4",
-                                  "value": "Row 1 cell 4 content",
-                                },
-                                "title": [Function],
+                              "title": [Function],
+                            },
+                            Object {
+                              "props": Object {
+                                "name": "uniqueIdRow2Cell3",
+                                "value": "Row 2 cell 3 content",
                               },
-                            ],
-                            "disabled-text-input-col-2": Object {
-                              "formatters": Array [],
+                              "title": [Function],
+                            },
+                            Object {
                               "props": Object {
-                                "isVisible": true,
-                                "name": "uniqueIdRow1Cell2",
-                                "value": "Row 1 cell 2, disabled content",
+                                "name": "uniqueIdRow2Cell4",
+                                "value": "Row 2 cell 4 content",
                               },
-                              "title": <EditableTextCell
-                                cellIndex={1}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 1 cell 2 content"
-                                isDisabled={true}
-                                props={
-                                  Object {
-                                    "name": "uniqueIdRow1Cell2",
-                                    "value": "Row 1 cell 2, disabled content",
-                                  }
+                              "title": [Function],
+                            },
+                          ],
+                          "disabled-text-input-col-2": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                              "name": "uniqueIdRow2Cell2",
+                              "value": "Row 2 cell 2, disabled content",
+                            },
+                            "title": <EditableTextCell
+                              cellIndex={1}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 2 cell 2 content"
+                              isDisabled={true}
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow2Cell2",
+                                  "value": "Row 2 cell 2, disabled content",
                                 }
-                                rowIndex={0}
-                                value="Row 1 cell 2, disabled content"
-                              />,
+                              }
+                              rowIndex={1}
+                              value="Row 2 cell 2, disabled content"
+                            />,
+                          },
+                          "id": 1,
+                          "isEditable": false,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "text-input-col-1": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                              "name": "uniqueIdRow2Cell1",
+                              "value": "Row 2 cell 1 content",
                             },
-                            "id": 0,
-                            "isEditable": true,
-                            "isExpanded": undefined,
-                            "isFirst": true,
-                            "isFirstVisible": true,
-                            "isHeightAuto": false,
-                            "isLast": false,
-                            "isLastVisible": false,
-                            "text-input-col-1": Object {
-                              "formatters": Array [],
+                            "title": <EditableTextCell
+                              cellIndex={0}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 1 cell 1 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow2Cell1",
+                                  "value": "Row 2 cell 1 content",
+                                }
+                              }
+                              rowIndex={1}
+                              value="Row 2 cell 1 content"
+                            />,
+                          },
+                          "text-input-col-3": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                              "name": "uniqueIdRow2Cell3",
+                              "value": "Row 2 cell 3 content",
+                            },
+                            "title": <EditableTextCell
+                              cellIndex={2}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 2 cell 3 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow2Cell3",
+                                  "value": "Row 2 cell 3 content",
+                                }
+                              }
+                              rowIndex={1}
+                              value="Row 2 cell 3 content"
+                            />,
+                          },
+                          "text-input-col-4": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                              "name": "uniqueIdRow2Cell4",
+                              "value": "Row 2 cell 4 content",
+                            },
+                            "title": <EditableTextCell
+                              cellIndex={3}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 2 cell 4 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow2Cell4",
+                                  "value": "Row 2 cell 4 content",
+                                }
+                              }
+                              rowIndex={1}
+                              value="Row 2 cell 4 content"
+                            />,
+                          },
+                        },
+                      ]
+                    }
+                    onRow={[Function]}
+                    renderers={
+                      Object {
+                        "body": Object {
+                          "cell": [Function],
+                          "row": [Function],
+                          "wrapper": [Function],
+                        },
+                        "header": Object {
+                          "cell": [Function],
+                          "row": Object {
+                            "$$typeof": Symbol(react.forward_ref),
+                            "displayName": "BaseTableHeaderRow",
+                            "render": [Function],
+                          },
+                          "wrapper": Object {
+                            "$$typeof": Symbol(react.forward_ref),
+                            "displayName": "BaseTableHead",
+                            "render": [Function],
+                          },
+                        },
+                        "table": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTable",
+                          "render": [Function],
+                        },
+                      }
+                    }
+                    rowKey="id"
+                    rows={
+                      Array [
+                        Object {
+                          "cells": Array [
+                            Object {
                               "props": Object {
-                                "isVisible": true,
                                 "name": "uniqueIdRow1Cell1",
                                 "value": "Row 1 cell 1 content",
                               },
-                              "title": <EditableTextCell
-                                cellIndex={0}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 1 cell 1 content"
-                                props={
-                                  Object {
-                                    "name": "uniqueIdRow1Cell1",
-                                    "value": "Row 1 cell 1 content",
-                                  }
-                                }
-                                rowIndex={0}
-                                value="Row 1 cell 1 content"
-                              />,
+                              "title": [Function],
                             },
-                            "text-input-col-3": Object {
-                              "formatters": Array [],
+                            Object {
+                              "props": Object {
+                                "name": "uniqueIdRow1Cell2",
+                                "value": "Row 1 cell 2, disabled content",
+                              },
+                              "title": [Function],
+                            },
+                            Object {
                               "props": Object {
-                                "isVisible": true,
                                 "name": "uniqueIdRow1Cell3",
                                 "value": "Row 1 cell 3 content",
                               },
-                              "title": <EditableTextCell
-                                cellIndex={2}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 1 cell 3 content"
-                                props={
-                                  Object {
-                                    "name": "uniqueIdRow1Cell3",
-                                    "value": "Row 1 cell 3 content",
-                                  }
-                                }
-                                rowIndex={0}
-                                value="Row 1 cell 3 content"
-                              />,
+                              "title": [Function],
                             },
-                            "text-input-col-4": Object {
-                              "formatters": Array [],
+                            Object {
                               "props": Object {
-                                "isVisible": true,
                                 "name": "uniqueIdRow1Cell4",
                                 "value": "Row 1 cell 4 content",
                               },
-                              "title": <EditableTextCell
-                                cellIndex={3}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 1 cell 4 content"
-                                props={
-                                  Object {
-                                    "name": "uniqueIdRow1Cell4",
-                                    "value": "Row 1 cell 4 content",
-                                  }
-                                }
-                                rowIndex={0}
-                                value="Row 1 cell 4 content"
-                              />,
-                            },
-                          }
-                        }
-                        rowProps={
-                          Object {
-                            "rowIndex": 0,
-                            "rowKey": "0-row",
-                          }
-                        }
-                      >
-                        <tr
-                          className="pf-m-inline-editable"
-                          data-ouia-component-id="OUIA-Generated-TableRow-28"
-                          data-ouia-component-type="PF4/TableRow"
-                          data-ouia-safe={true}
-                          hidden={false}
-                          onMouseDown={[Function]}
-                        >
-                          <BodyCell
-                            data-key={0}
-                            data-label="Text input col 1"
-                            isVisible={true}
-                            key="col-0-row-0"
-                            name="uniqueIdRow1Cell1"
-                            value="Row 1 cell 1 content"
-                          >
-                            <td
-                              className=""
-                              data-key={0}
-                              data-label="Text input col 1"
-                              onMouseEnter={[Function]}
-                            >
-                              <EditableTextCell
-                                cellIndex={0}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 1 cell 1 content"
-                                props={
-                                  Object {
-                                    "name": "uniqueIdRow1Cell1",
-                                    "value": "Row 1 cell 1 content",
-                                  }
-                                }
-                                rowIndex={0}
-                                value="Row 1 cell 1 content"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 1 cell 1 content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
-                                >
-                                  <ForwardRef
-                                    aria-label="Row 1 cell 1 content"
-                                    isDisabled={false}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 1 cell 1 content"
-                                  >
-                                    <TextInputBase
-                                      aria-label="Row 1 cell 1 content"
-                                      className=""
-                                      innerRef={null}
-                                      isDisabled={false}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
-                                      value="Row 1 cell 1 content"
-                                    >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 1 cell 1 content"
-                                        className="pf-c-form-control"
-                                        disabled={false}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 1 cell 1 content"
-                                      />
-                                    </TextInputBase>
-                                  </ForwardRef>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            data-key={1}
-                            data-label="Disabled text input col 2"
-                            isVisible={true}
-                            key="col-1-row-0"
-                            name="uniqueIdRow1Cell2"
-                            value="Row 1 cell 2, disabled content"
-                          >
-                            <td
-                              className=""
-                              data-key={1}
-                              data-label="Disabled text input col 2"
-                              onMouseEnter={[Function]}
-                            >
-                              <EditableTextCell
-                                cellIndex={1}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 1 cell 2 content"
-                                isDisabled={true}
-                                props={
-                                  Object {
-                                    "name": "uniqueIdRow1Cell2",
-                                    "value": "Row 1 cell 2, disabled content",
-                                  }
-                                }
-                                rowIndex={0}
-                                value="Row 1 cell 2, disabled content"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 1 cell 2, disabled content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
-                                >
-                                  <ForwardRef
-                                    aria-label="Row 1 cell 2 content"
-                                    isDisabled={true}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 1 cell 2, disabled content"
-                                  >
-                                    <TextInputBase
-                                      aria-label="Row 1 cell 2 content"
-                                      className=""
-                                      innerRef={null}
-                                      isDisabled={true}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
-                                      value="Row 1 cell 2, disabled content"
-                                    >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 1 cell 2 content"
-                                        className="pf-c-form-control"
-                                        disabled={true}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 1 cell 2, disabled content"
-                                      />
-                                    </TextInputBase>
-                                  </ForwardRef>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            data-key={2}
-                            data-label="Text input col 3"
-                            isVisible={true}
-                            key="col-2-row-0"
-                            name="uniqueIdRow1Cell3"
-                            value="Row 1 cell 3 content"
-                          >
-                            <td
-                              className=""
-                              data-key={2}
-                              data-label="Text input col 3"
-                              onMouseEnter={[Function]}
-                            >
-                              <EditableTextCell
-                                cellIndex={2}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 1 cell 3 content"
-                                props={
-                                  Object {
-                                    "name": "uniqueIdRow1Cell3",
-                                    "value": "Row 1 cell 3 content",
-                                  }
-                                }
-                                rowIndex={0}
-                                value="Row 1 cell 3 content"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 1 cell 3 content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
-                                >
-                                  <ForwardRef
-                                    aria-label="Row 1 cell 3 content"
-                                    isDisabled={false}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 1 cell 3 content"
-                                  >
-                                    <TextInputBase
-                                      aria-label="Row 1 cell 3 content"
-                                      className=""
-                                      innerRef={null}
-                                      isDisabled={false}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
-                                      value="Row 1 cell 3 content"
-                                    >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 1 cell 3 content"
-                                        className="pf-c-form-control"
-                                        disabled={false}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 1 cell 3 content"
-                                      />
-                                    </TextInputBase>
-                                  </ForwardRef>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            data-key={3}
-                            data-label="Text input col 4"
-                            isVisible={true}
-                            key="col-3-row-0"
-                            name="uniqueIdRow1Cell4"
-                            value="Row 1 cell 4 content"
-                          >
-                            <td
-                              className=""
-                              data-key={3}
-                              data-label="Text input col 4"
-                              onMouseEnter={[Function]}
-                            >
-                              <EditableTextCell
-                                cellIndex={3}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 1 cell 4 content"
-                                props={
-                                  Object {
-                                    "name": "uniqueIdRow1Cell4",
-                                    "value": "Row 1 cell 4 content",
-                                  }
-                                }
-                                rowIndex={0}
-                                value="Row 1 cell 4 content"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 1 cell 4 content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
-                                >
-                                  <ForwardRef
-                                    aria-label="Row 1 cell 4 content"
-                                    isDisabled={false}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 1 cell 4 content"
-                                  >
-                                    <TextInputBase
-                                      aria-label="Row 1 cell 4 content"
-                                      className=""
-                                      innerRef={null}
-                                      isDisabled={false}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
-                                      value="Row 1 cell 4 content"
-                                    >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 1 cell 4 content"
-                                        className="pf-c-form-control"
-                                        disabled={false}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 1 cell 4 content"
-                                      />
-                                    </TextInputBase>
-                                  </ForwardRef>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            className="pf-c-table__inline-edit-action"
-                            component="td"
-                            data-key={4}
-                            data-label=""
-                            isVisible={true}
-                            key="col-4-row-0"
-                          >
-                            <td
-                              className="pf-c-table__inline-edit-action"
-                              data-key={4}
-                              onMouseEnter={[Function]}
-                            >
-                              <EditColumn
-                                cancelAriaLabel="Cancel row edits for row 0"
-                                editAriaLabel="Place row 0 in edit mode"
-                                editing={true}
-                                onClick={[Function]}
-                                saveAriaLabel="Save row edits for row 0"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__group pf-m-icon-group pf-m-action-group"
-                                >
-                                  <div
-                                    className="pf-c-inline-edit__action"
-                                  >
-                                    <Button
-                                      aria-label="Save row edits for row 0"
-                                      onClick={[Function]}
-                                      variant="plain"
-                                    >
-                                      <button
-                                        aria-disabled={false}
-                                        aria-label="Save row edits for row 0"
-                                        className="pf-c-button pf-m-plain"
-                                        data-ouia-component-id="OUIA-Generated-Button-plain-1"
-                                        data-ouia-component-type="PF4/Button"
-                                        data-ouia-safe={true}
-                                        disabled={false}
-                                        onClick={[Function]}
-                                        role={null}
-                                        type="button"
-                                      >
-                                        <CheckIcon
-                                          color="currentColor"
-                                          noVerticalAlign={false}
-                                          size="sm"
-                                        >
-                                          <svg
-                                            aria-hidden={true}
-                                            aria-labelledby={null}
-                                            fill="currentColor"
-                                            height="1em"
-                                            role="img"
-                                            style={
-                                              Object {
-                                                "verticalAlign": "-0.125em",
-                                              }
-                                            }
-                                            viewBox="0 0 512 512"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
-                                            />
-                                          </svg>
-                                        </CheckIcon>
-                                      </button>
-                                    </Button>
-                                  </div>
-                                  <div
-                                    className="pf-c-inline-edit__action"
-                                  >
-                                    <Button
-                                      aria-label="Cancel row edits for row 0"
-                                      onClick={[Function]}
-                                      variant="plain"
-                                    >
-                                      <button
-                                        aria-disabled={false}
-                                        aria-label="Cancel row edits for row 0"
-                                        className="pf-c-button pf-m-plain"
-                                        data-ouia-component-id="OUIA-Generated-Button-plain-2"
-                                        data-ouia-component-type="PF4/Button"
-                                        data-ouia-safe={true}
-                                        disabled={false}
-                                        onClick={[Function]}
-                                        role={null}
-                                        type="button"
-                                      >
-                                        <TimesIcon
-                                          color="currentColor"
-                                          noVerticalAlign={false}
-                                          size="sm"
-                                        >
-                                          <svg
-                                            aria-hidden={true}
-                                            aria-labelledby={null}
-                                            fill="currentColor"
-                                            height="1em"
-                                            role="img"
-                                            style={
-                                              Object {
-                                                "verticalAlign": "-0.125em",
-                                              }
-                                            }
-                                            viewBox="0 0 352 512"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-                                            />
-                                          </svg>
-                                        </TimesIcon>
-                                      </button>
-                                    </Button>
-                                  </div>
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__action pf-m-enable-editable"
-                                >
-                                  <Button
-                                    aria-label="Place row 0 in edit mode"
-                                    onClick={[Function]}
-                                    variant="plain"
-                                  >
-                                    <button
-                                      aria-disabled={false}
-                                      aria-label="Place row 0 in edit mode"
-                                      className="pf-c-button pf-m-plain"
-                                      data-ouia-component-id="OUIA-Generated-Button-plain-3"
-                                      data-ouia-component-type="PF4/Button"
-                                      data-ouia-safe={true}
-                                      disabled={false}
-                                      onClick={[Function]}
-                                      role={null}
-                                      type="button"
-                                    >
-                                      <PencilAltIcon
-                                        color="currentColor"
-                                        noVerticalAlign={false}
-                                        size="sm"
-                                      >
-                                        <svg
-                                          aria-hidden={true}
-                                          aria-labelledby={null}
-                                          fill="currentColor"
-                                          height="1em"
-                                          role="img"
-                                          style={
-                                            Object {
-                                              "verticalAlign": "-0.125em",
-                                            }
-                                          }
-                                          viewBox="0 0 512 512"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                                          />
-                                        </svg>
-                                      </PencilAltIcon>
-                                    </button>
-                                  </Button>
-                                </div>
-                              </EditColumn>
-                            </td>
-                          </BodyCell>
-                        </tr>
-                      </RowWrapper>
-                    </BodyRow>
-                    <BodyRow
-                      columns={
-                        Array [
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Text input col 1",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "text-input-col-1",
-                            "props": Object {
-                              "data-key": 0,
-                              "data-label": "Text input col 1",
-                            },
-                          },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Disabled text input col 2",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
+                              "title": [Function],
                             },
-                            "property": "disabled-text-input-col-2",
+                          ],
+                          "disabled-text-input-col-2": Object {
+                            "formatters": Array [],
                             "props": Object {
-                              "data-key": 1,
-                              "data-label": "Disabled text input col 2",
+                              "isVisible": true,
+                              "name": "uniqueIdRow1Cell2",
+                              "value": "Row 1 cell 2, disabled content",
                             },
+                            "title": <EditableTextCell
+                              cellIndex={1}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 1 cell 2 content"
+                              isDisabled={true}
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow1Cell2",
+                                  "value": "Row 1 cell 2, disabled content",
+                                }
+                              }
+                              rowIndex={0}
+                              value="Row 1 cell 2, disabled content"
+                            />,
                           },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Text input col 3",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "text-input-col-3",
+                          "id": 0,
+                          "isEditable": true,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "text-input-col-1": Object {
+                            "formatters": Array [],
                             "props": Object {
-                              "data-key": 2,
-                              "data-label": "Text input col 3",
+                              "isVisible": true,
+                              "name": "uniqueIdRow1Cell1",
+                              "value": "Row 1 cell 1 content",
                             },
+                            "title": <EditableTextCell
+                              cellIndex={0}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 1 cell 1 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow1Cell1",
+                                  "value": "Row 1 cell 1 content",
+                                }
+                              }
+                              rowIndex={0}
+                              value="Row 1 cell 1 content"
+                            />,
                           },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Text input col 4",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "text-input-col-4",
+                          "text-input-col-3": Object {
+                            "formatters": Array [],
                             "props": Object {
-                              "data-key": 3,
-                              "data-label": "Text input col 4",
+                              "isVisible": true,
+                              "name": "uniqueIdRow1Cell3",
+                              "value": "Row 1 cell 3 content",
                             },
+                            "title": <EditableTextCell
+                              cellIndex={2}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 1 cell 3 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow1Cell3",
+                                  "value": "Row 1 cell 3 content",
+                                }
+                              }
+                              rowIndex={0}
+                              value="Row 1 cell 3 content"
+                            />,
                           },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "column-4",
+                          "text-input-col-4": Object {
+                            "formatters": Array [],
                             "props": Object {
-                              "data-key": 4,
-                              "data-label": "",
+                              "isVisible": true,
+                              "name": "uniqueIdRow1Cell4",
+                              "value": "Row 1 cell 4 content",
                             },
+                            "title": <EditableTextCell
+                              cellIndex={3}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 1 cell 4 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow1Cell4",
+                                  "value": "Row 1 cell 4 content",
+                                }
+                              }
+                              rowIndex={0}
+                              value="Row 1 cell 4 content"
+                            />,
                           },
-                        ]
-                      }
-                      key="1-row"
-                      onRow={[Function]}
-                      renderers={
-                        Object {
-                          "cell": [Function],
-                          "row": [Function],
-                          "wrapper": [Function],
-                        }
-                      }
-                      rowData={
+                        },
                         Object {
                           "cells": Array [
                             Object {
@@ -52463,15 +53059,140 @@ exports[`Editable table 1`] = `
                               value="Row 2 cell 4 content"
                             />,
                           },
-                        }
-                      }
-                      rowIndex={1}
-                      rowKey="1-row"
-                    >
-                      <RowWrapper
-                        className=""
-                        onMouseDown={[Function]}
-                        row={
+                        },
+                      ]
+                    }
+                  >
+                    <BodyWrapper
+                      className=""
+                      headerRows={null}
+                      mappedRows={
+                        Array [
+                          Object {
+                            "cells": Array [
+                              Object {
+                                "props": Object {
+                                  "name": "uniqueIdRow1Cell1",
+                                  "value": "Row 1 cell 1 content",
+                                },
+                                "title": [Function],
+                              },
+                              Object {
+                                "props": Object {
+                                  "name": "uniqueIdRow1Cell2",
+                                  "value": "Row 1 cell 2, disabled content",
+                                },
+                                "title": [Function],
+                              },
+                              Object {
+                                "props": Object {
+                                  "name": "uniqueIdRow1Cell3",
+                                  "value": "Row 1 cell 3 content",
+                                },
+                                "title": [Function],
+                              },
+                              Object {
+                                "props": Object {
+                                  "name": "uniqueIdRow1Cell4",
+                                  "value": "Row 1 cell 4 content",
+                                },
+                                "title": [Function],
+                              },
+                            ],
+                            "disabled-text-input-col-2": Object {
+                              "formatters": Array [],
+                              "props": Object {
+                                "isVisible": true,
+                                "name": "uniqueIdRow1Cell2",
+                                "value": "Row 1 cell 2, disabled content",
+                              },
+                              "title": <EditableTextCell
+                                cellIndex={1}
+                                handleTextInputChange={[Function]}
+                                inputAriaLabel="Row 1 cell 2 content"
+                                isDisabled={true}
+                                props={
+                                  Object {
+                                    "name": "uniqueIdRow1Cell2",
+                                    "value": "Row 1 cell 2, disabled content",
+                                  }
+                                }
+                                rowIndex={0}
+                                value="Row 1 cell 2, disabled content"
+                              />,
+                            },
+                            "id": 0,
+                            "isEditable": true,
+                            "isExpanded": undefined,
+                            "isFirst": true,
+                            "isFirstVisible": true,
+                            "isHeightAuto": false,
+                            "isLast": false,
+                            "isLastVisible": false,
+                            "text-input-col-1": Object {
+                              "formatters": Array [],
+                              "props": Object {
+                                "isVisible": true,
+                                "name": "uniqueIdRow1Cell1",
+                                "value": "Row 1 cell 1 content",
+                              },
+                              "title": <EditableTextCell
+                                cellIndex={0}
+                                handleTextInputChange={[Function]}
+                                inputAriaLabel="Row 1 cell 1 content"
+                                props={
+                                  Object {
+                                    "name": "uniqueIdRow1Cell1",
+                                    "value": "Row 1 cell 1 content",
+                                  }
+                                }
+                                rowIndex={0}
+                                value="Row 1 cell 1 content"
+                              />,
+                            },
+                            "text-input-col-3": Object {
+                              "formatters": Array [],
+                              "props": Object {
+                                "isVisible": true,
+                                "name": "uniqueIdRow1Cell3",
+                                "value": "Row 1 cell 3 content",
+                              },
+                              "title": <EditableTextCell
+                                cellIndex={2}
+                                handleTextInputChange={[Function]}
+                                inputAriaLabel="Row 1 cell 3 content"
+                                props={
+                                  Object {
+                                    "name": "uniqueIdRow1Cell3",
+                                    "value": "Row 1 cell 3 content",
+                                  }
+                                }
+                                rowIndex={0}
+                                value="Row 1 cell 3 content"
+                              />,
+                            },
+                            "text-input-col-4": Object {
+                              "formatters": Array [],
+                              "props": Object {
+                                "isVisible": true,
+                                "name": "uniqueIdRow1Cell4",
+                                "value": "Row 1 cell 4 content",
+                              },
+                              "title": <EditableTextCell
+                                cellIndex={3}
+                                handleTextInputChange={[Function]}
+                                inputAriaLabel="Row 1 cell 4 content"
+                                props={
+                                  Object {
+                                    "name": "uniqueIdRow1Cell4",
+                                    "value": "Row 1 cell 4 content",
+                                  }
+                                }
+                                rowIndex={0}
+                                value="Row 1 cell 4 content"
+                              />,
+                            },
+                          },
                           Object {
                             "cells": Array [
                               Object {
@@ -52596,518 +53317,2066 @@ exports[`Editable table 1`] = `
                                 value="Row 2 cell 4 content"
                               />,
                             },
-                          }
-                        }
-                        rowProps={
-                          Object {
-                            "rowIndex": 1,
-                            "rowKey": "1-row",
-                          }
-                        }
+                          },
+                        ]
+                      }
+                    >
+                      <BaseTableBody
+                        className=""
                       >
-                        <tr
+                        <BaseTableBodyBase
                           className=""
-                          data-ouia-component-id="OUIA-Generated-TableRow-29"
-                          data-ouia-component-type="PF4/TableRow"
-                          data-ouia-safe={true}
-                          hidden={false}
-                          onMouseDown={[Function]}
+                          innerRef={null}
                         >
-                          <BodyCell
-                            data-key={0}
-                            data-label="Text input col 1"
-                            isVisible={true}
-                            key="col-0-row-1"
-                            name="uniqueIdRow2Cell1"
-                            value="Row 2 cell 1 content"
+                          <tbody
+                            className=""
+                            role="rowgroup"
                           >
-                            <td
-                              className=""
-                              data-key={0}
-                              data-label="Text input col 1"
-                              onMouseEnter={[Function]}
+                            <BodyRow
+                              columns={
+                                Array [
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Text input col 1",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "text-input-col-1",
+                                    "props": Object {
+                                      "data-key": 0,
+                                      "data-label": "Text input col 1",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Disabled text input col 2",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "disabled-text-input-col-2",
+                                    "props": Object {
+                                      "data-key": 1,
+                                      "data-label": "Disabled text input col 2",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Text input col 3",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "text-input-col-3",
+                                    "props": Object {
+                                      "data-key": 2,
+                                      "data-label": "Text input col 3",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Text input col 4",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "text-input-col-4",
+                                    "props": Object {
+                                      "data-key": 3,
+                                      "data-label": "Text input col 4",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "column-4",
+                                    "props": Object {
+                                      "data-key": 4,
+                                      "data-label": "",
+                                    },
+                                  },
+                                ]
+                              }
+                              key="0-row"
+                              onRow={[Function]}
+                              renderers={
+                                Object {
+                                  "cell": [Function],
+                                  "row": [Function],
+                                  "wrapper": [Function],
+                                }
+                              }
+                              rowData={
+                                Object {
+                                  "cells": Array [
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow1Cell1",
+                                        "value": "Row 1 cell 1 content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow1Cell2",
+                                        "value": "Row 1 cell 2, disabled content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow1Cell3",
+                                        "value": "Row 1 cell 3 content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow1Cell4",
+                                        "value": "Row 1 cell 4 content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                  ],
+                                  "disabled-text-input-col-2": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow1Cell2",
+                                      "value": "Row 1 cell 2, disabled content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={1}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 1 cell 2 content"
+                                      isDisabled={true}
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow1Cell2",
+                                          "value": "Row 1 cell 2, disabled content",
+                                        }
+                                      }
+                                      rowIndex={0}
+                                      value="Row 1 cell 2, disabled content"
+                                    />,
+                                  },
+                                  "id": 0,
+                                  "isEditable": true,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "text-input-col-1": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow1Cell1",
+                                      "value": "Row 1 cell 1 content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={0}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 1 cell 1 content"
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow1Cell1",
+                                          "value": "Row 1 cell 1 content",
+                                        }
+                                      }
+                                      rowIndex={0}
+                                      value="Row 1 cell 1 content"
+                                    />,
+                                  },
+                                  "text-input-col-3": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow1Cell3",
+                                      "value": "Row 1 cell 3 content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={2}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 1 cell 3 content"
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow1Cell3",
+                                          "value": "Row 1 cell 3 content",
+                                        }
+                                      }
+                                      rowIndex={0}
+                                      value="Row 1 cell 3 content"
+                                    />,
+                                  },
+                                  "text-input-col-4": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow1Cell4",
+                                      "value": "Row 1 cell 4 content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={3}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 1 cell 4 content"
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow1Cell4",
+                                          "value": "Row 1 cell 4 content",
+                                        }
+                                      }
+                                      rowIndex={0}
+                                      value="Row 1 cell 4 content"
+                                    />,
+                                  },
+                                }
+                              }
+                              rowIndex={0}
+                              rowKey="0-row"
                             >
-                              <EditableTextCell
-                                cellIndex={0}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 1 cell 1 content"
-                                props={
+                              <RowWrapper
+                                className=""
+                                onMouseDown={[Function]}
+                                row={
                                   Object {
-                                    "name": "uniqueIdRow2Cell1",
-                                    "value": "Row 2 cell 1 content",
+                                    "cells": Array [
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow1Cell1",
+                                          "value": "Row 1 cell 1 content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow1Cell2",
+                                          "value": "Row 1 cell 2, disabled content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow1Cell3",
+                                          "value": "Row 1 cell 3 content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow1Cell4",
+                                          "value": "Row 1 cell 4 content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                    ],
+                                    "disabled-text-input-col-2": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow1Cell2",
+                                        "value": "Row 1 cell 2, disabled content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={1}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 1 cell 2 content"
+                                        isDisabled={true}
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow1Cell2",
+                                            "value": "Row 1 cell 2, disabled content",
+                                          }
+                                        }
+                                        rowIndex={0}
+                                        value="Row 1 cell 2, disabled content"
+                                      />,
+                                    },
+                                    "id": 0,
+                                    "isEditable": true,
+                                    "isExpanded": undefined,
+                                    "isFirst": true,
+                                    "isFirstVisible": true,
+                                    "isHeightAuto": false,
+                                    "isLast": false,
+                                    "isLastVisible": false,
+                                    "text-input-col-1": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow1Cell1",
+                                        "value": "Row 1 cell 1 content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={0}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 1 cell 1 content"
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow1Cell1",
+                                            "value": "Row 1 cell 1 content",
+                                          }
+                                        }
+                                        rowIndex={0}
+                                        value="Row 1 cell 1 content"
+                                      />,
+                                    },
+                                    "text-input-col-3": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow1Cell3",
+                                        "value": "Row 1 cell 3 content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={2}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 1 cell 3 content"
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow1Cell3",
+                                            "value": "Row 1 cell 3 content",
+                                          }
+                                        }
+                                        rowIndex={0}
+                                        value="Row 1 cell 3 content"
+                                      />,
+                                    },
+                                    "text-input-col-4": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow1Cell4",
+                                        "value": "Row 1 cell 4 content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={3}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 1 cell 4 content"
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow1Cell4",
+                                            "value": "Row 1 cell 4 content",
+                                          }
+                                        }
+                                        rowIndex={0}
+                                        value="Row 1 cell 4 content"
+                                      />,
+                                    },
+                                  }
+                                }
+                                rowProps={
+                                  Object {
+                                    "rowIndex": 0,
+                                    "rowKey": "0-row",
                                   }
                                 }
-                                rowIndex={1}
-                                value="Row 2 cell 1 content"
                               >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 2 cell 1 content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
+                                <BaseTableBodyRow
+                                  className="pf-m-inline-editable"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-55"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  onMouseDown={[Function]}
                                 >
-                                  <ForwardRef
-                                    aria-label="Row 1 cell 1 content"
-                                    isDisabled={false}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 2 cell 1 content"
+                                  <BaseTableBodyRowBase
+                                    className="pf-m-inline-editable"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-55"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    innerRef={null}
+                                    onMouseDown={[Function]}
                                   >
-                                    <TextInputBase
-                                      aria-label="Row 1 cell 1 content"
-                                      className=""
-                                      innerRef={null}
-                                      isDisabled={false}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
-                                      value="Row 2 cell 1 content"
+                                    <tr
+                                      className="pf-m-inline-editable"
+                                      data-ouia-component-id="OUIA-Generated-TableRow-55"
+                                      data-ouia-component-type="PF4/TableRow"
+                                      data-ouia-safe={true}
+                                      hidden={false}
+                                      onMouseDown={[Function]}
                                     >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 1 cell 1 content"
-                                        className="pf-c-form-control"
-                                        disabled={false}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 2 cell 1 content"
-                                      />
-                                    </TextInputBase>
-                                  </ForwardRef>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            data-key={1}
-                            data-label="Disabled text input col 2"
-                            isVisible={true}
-                            key="col-1-row-1"
-                            name="uniqueIdRow2Cell2"
-                            value="Row 2 cell 2, disabled content"
-                          >
-                            <td
-                              className=""
-                              data-key={1}
-                              data-label="Disabled text input col 2"
-                              onMouseEnter={[Function]}
-                            >
-                              <EditableTextCell
-                                cellIndex={1}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 2 cell 2 content"
-                                isDisabled={true}
-                                props={
+                                      <BodyCell
+                                        data-key={0}
+                                        data-label="Text input col 1"
+                                        isVisible={true}
+                                        key="col-0-row-0"
+                                        name="uniqueIdRow1Cell1"
+                                        value="Row 1 cell 1 content"
+                                      >
+                                        <td
+                                          className=""
+                                          data-key={0}
+                                          data-label="Text input col 1"
+                                          onMouseEnter={[Function]}
+                                        >
+                                          <EditableTextCell
+                                            cellIndex={0}
+                                            handleTextInputChange={[Function]}
+                                            inputAriaLabel="Row 1 cell 1 content"
+                                            props={
+                                              Object {
+                                                "name": "uniqueIdRow1Cell1",
+                                                "value": "Row 1 cell 1 content",
+                                              }
+                                            }
+                                            rowIndex={0}
+                                            value="Row 1 cell 1 content"
+                                          >
+                                            <div
+                                              className="pf-c-inline-edit__value"
+                                            >
+                                              Row 1 cell 1 content
+                                            </div>
+                                            <div
+                                              className="pf-c-inline-edit__input"
+                                            >
+                                              <ForwardRef
+                                                aria-label="Row 1 cell 1 content"
+                                                isDisabled={false}
+                                                onChange={[Function]}
+                                                type="text"
+                                                validated="default"
+                                                value="Row 1 cell 1 content"
+                                              >
+                                                <TextInputBase
+                                                  aria-label="Row 1 cell 1 content"
+                                                  className=""
+                                                  innerRef={null}
+                                                  isDisabled={false}
+                                                  isLeftTruncated={false}
+                                                  isReadOnly={false}
+                                                  isRequired={false}
+                                                  onChange={[Function]}
+                                                  type="text"
+                                                  validated="default"
+                                                  value="Row 1 cell 1 content"
+                                                >
+                                                  <input
+                                                    aria-invalid={false}
+                                                    aria-label="Row 1 cell 1 content"
+                                                    className="pf-c-form-control"
+                                                    disabled={false}
+                                                    onBlur={[Function]}
+                                                    onChange={[Function]}
+                                                    onFocus={[Function]}
+                                                    readOnly={false}
+                                                    required={false}
+                                                    type="text"
+                                                    value="Row 1 cell 1 content"
+                                                  />
+                                                </TextInputBase>
+                                              </ForwardRef>
+                                              <div
+                                                aria-live="polite"
+                                                className="pf-c-form__helper-text pf-m-error"
+                                              />
+                                            </div>
+                                          </EditableTextCell>
+                                        </td>
+                                      </BodyCell>
+                                      <BodyCell
+                                        data-key={1}
+                                        data-label="Disabled text input col 2"
+                                        isVisible={true}
+                                        key="col-1-row-0"
+                                        name="uniqueIdRow1Cell2"
+                                        value="Row 1 cell 2, disabled content"
+                                      >
+                                        <td
+                                          className=""
+                                          data-key={1}
+                                          data-label="Disabled text input col 2"
+                                          onMouseEnter={[Function]}
+                                        >
+                                          <EditableTextCell
+                                            cellIndex={1}
+                                            handleTextInputChange={[Function]}
+                                            inputAriaLabel="Row 1 cell 2 content"
+                                            isDisabled={true}
+                                            props={
+                                              Object {
+                                                "name": "uniqueIdRow1Cell2",
+                                                "value": "Row 1 cell 2, disabled content",
+                                              }
+                                            }
+                                            rowIndex={0}
+                                            value="Row 1 cell 2, disabled content"
+                                          >
+                                            <div
+                                              className="pf-c-inline-edit__value"
+                                            >
+                                              Row 1 cell 2, disabled content
+                                            </div>
+                                            <div
+                                              className="pf-c-inline-edit__input"
+                                            >
+                                              <ForwardRef
+                                                aria-label="Row 1 cell 2 content"
+                                                isDisabled={true}
+                                                onChange={[Function]}
+                                                type="text"
+                                                validated="default"
+                                                value="Row 1 cell 2, disabled content"
+                                              >
+                                                <TextInputBase
+                                                  aria-label="Row 1 cell 2 content"
+                                                  className=""
+                                                  innerRef={null}
+                                                  isDisabled={true}
+                                                  isLeftTruncated={false}
+                                                  isReadOnly={false}
+                                                  isRequired={false}
+                                                  onChange={[Function]}
+                                                  type="text"
+                                                  validated="default"
+                                                  value="Row 1 cell 2, disabled content"
+                                                >
+                                                  <input
+                                                    aria-invalid={false}
+                                                    aria-label="Row 1 cell 2 content"
+                                                    className="pf-c-form-control"
+                                                    disabled={true}
+                                                    onBlur={[Function]}
+                                                    onChange={[Function]}
+                                                    onFocus={[Function]}
+                                                    readOnly={false}
+                                                    required={false}
+                                                    type="text"
+                                                    value="Row 1 cell 2, disabled content"
+                                                  />
+                                                </TextInputBase>
+                                              </ForwardRef>
+                                              <div
+                                                aria-live="polite"
+                                                className="pf-c-form__helper-text pf-m-error"
+                                              />
+                                            </div>
+                                          </EditableTextCell>
+                                        </td>
+                                      </BodyCell>
+                                      <BodyCell
+                                        data-key={2}
+                                        data-label="Text input col 3"
+                                        isVisible={true}
+                                        key="col-2-row-0"
+                                        name="uniqueIdRow1Cell3"
+                                        value="Row 1 cell 3 content"
+                                      >
+                                        <td
+                                          className=""
+                                          data-key={2}
+                                          data-label="Text input col 3"
+                                          onMouseEnter={[Function]}
+                                        >
+                                          <EditableTextCell
+                                            cellIndex={2}
+                                            handleTextInputChange={[Function]}
+                                            inputAriaLabel="Row 1 cell 3 content"
+                                            props={
+                                              Object {
+                                                "name": "uniqueIdRow1Cell3",
+                                                "value": "Row 1 cell 3 content",
+                                              }
+                                            }
+                                            rowIndex={0}
+                                            value="Row 1 cell 3 content"
+                                          >
+                                            <div
+                                              className="pf-c-inline-edit__value"
+                                            >
+                                              Row 1 cell 3 content
+                                            </div>
+                                            <div
+                                              className="pf-c-inline-edit__input"
+                                            >
+                                              <ForwardRef
+                                                aria-label="Row 1 cell 3 content"
+                                                isDisabled={false}
+                                                onChange={[Function]}
+                                                type="text"
+                                                validated="default"
+                                                value="Row 1 cell 3 content"
+                                              >
+                                                <TextInputBase
+                                                  aria-label="Row 1 cell 3 content"
+                                                  className=""
+                                                  innerRef={null}
+                                                  isDisabled={false}
+                                                  isLeftTruncated={false}
+                                                  isReadOnly={false}
+                                                  isRequired={false}
+                                                  onChange={[Function]}
+                                                  type="text"
+                                                  validated="default"
+                                                  value="Row 1 cell 3 content"
+                                                >
+                                                  <input
+                                                    aria-invalid={false}
+                                                    aria-label="Row 1 cell 3 content"
+                                                    className="pf-c-form-control"
+                                                    disabled={false}
+                                                    onBlur={[Function]}
+                                                    onChange={[Function]}
+                                                    onFocus={[Function]}
+                                                    readOnly={false}
+                                                    required={false}
+                                                    type="text"
+                                                    value="Row 1 cell 3 content"
+                                                  />
+                                                </TextInputBase>
+                                              </ForwardRef>
+                                              <div
+                                                aria-live="polite"
+                                                className="pf-c-form__helper-text pf-m-error"
+                                              />
+                                            </div>
+                                          </EditableTextCell>
+                                        </td>
+                                      </BodyCell>
+                                      <BodyCell
+                                        data-key={3}
+                                        data-label="Text input col 4"
+                                        isVisible={true}
+                                        key="col-3-row-0"
+                                        name="uniqueIdRow1Cell4"
+                                        value="Row 1 cell 4 content"
+                                      >
+                                        <td
+                                          className=""
+                                          data-key={3}
+                                          data-label="Text input col 4"
+                                          onMouseEnter={[Function]}
+                                        >
+                                          <EditableTextCell
+                                            cellIndex={3}
+                                            handleTextInputChange={[Function]}
+                                            inputAriaLabel="Row 1 cell 4 content"
+                                            props={
+                                              Object {
+                                                "name": "uniqueIdRow1Cell4",
+                                                "value": "Row 1 cell 4 content",
+                                              }
+                                            }
+                                            rowIndex={0}
+                                            value="Row 1 cell 4 content"
+                                          >
+                                            <div
+                                              className="pf-c-inline-edit__value"
+                                            >
+                                              Row 1 cell 4 content
+                                            </div>
+                                            <div
+                                              className="pf-c-inline-edit__input"
+                                            >
+                                              <ForwardRef
+                                                aria-label="Row 1 cell 4 content"
+                                                isDisabled={false}
+                                                onChange={[Function]}
+                                                type="text"
+                                                validated="default"
+                                                value="Row 1 cell 4 content"
+                                              >
+                                                <TextInputBase
+                                                  aria-label="Row 1 cell 4 content"
+                                                  className=""
+                                                  innerRef={null}
+                                                  isDisabled={false}
+                                                  isLeftTruncated={false}
+                                                  isReadOnly={false}
+                                                  isRequired={false}
+                                                  onChange={[Function]}
+                                                  type="text"
+                                                  validated="default"
+                                                  value="Row 1 cell 4 content"
+                                                >
+                                                  <input
+                                                    aria-invalid={false}
+                                                    aria-label="Row 1 cell 4 content"
+                                                    className="pf-c-form-control"
+                                                    disabled={false}
+                                                    onBlur={[Function]}
+                                                    onChange={[Function]}
+                                                    onFocus={[Function]}
+                                                    readOnly={false}
+                                                    required={false}
+                                                    type="text"
+                                                    value="Row 1 cell 4 content"
+                                                  />
+                                                </TextInputBase>
+                                              </ForwardRef>
+                                              <div
+                                                aria-live="polite"
+                                                className="pf-c-form__helper-text pf-m-error"
+                                              />
+                                            </div>
+                                          </EditableTextCell>
+                                        </td>
+                                      </BodyCell>
+                                      <BodyCell
+                                        className="pf-c-table__inline-edit-action"
+                                        component="td"
+                                        data-key={4}
+                                        data-label=""
+                                        isVisible={true}
+                                        key="col-4-row-0"
+                                      >
+                                        <td
+                                          className="pf-c-table__inline-edit-action"
+                                          data-key={4}
+                                          onMouseEnter={[Function]}
+                                        >
+                                          <EditColumn
+                                            cancelAriaLabel="Cancel row edits for row 0"
+                                            editAriaLabel="Place row 0 in edit mode"
+                                            editing={true}
+                                            onClick={[Function]}
+                                            saveAriaLabel="Save row edits for row 0"
+                                          >
+                                            <div
+                                              className="pf-c-inline-edit__group pf-m-icon-group pf-m-action-group"
+                                            >
+                                              <div
+                                                className="pf-c-inline-edit__action"
+                                              >
+                                                <Button
+                                                  aria-label="Save row edits for row 0"
+                                                  onClick={[Function]}
+                                                  variant="plain"
+                                                >
+                                                  <button
+                                                    aria-disabled={false}
+                                                    aria-label="Save row edits for row 0"
+                                                    className="pf-c-button pf-m-plain"
+                                                    data-ouia-component-id="OUIA-Generated-Button-plain-1"
+                                                    data-ouia-component-type="PF4/Button"
+                                                    data-ouia-safe={true}
+                                                    disabled={false}
+                                                    onClick={[Function]}
+                                                    role={null}
+                                                    type="button"
+                                                  >
+                                                    <CheckIcon
+                                                      color="currentColor"
+                                                      noVerticalAlign={false}
+                                                      size="sm"
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        aria-labelledby={null}
+                                                        fill="currentColor"
+                                                        height="1em"
+                                                        role="img"
+                                                        style={
+                                                          Object {
+                                                            "verticalAlign": "-0.125em",
+                                                          }
+                                                        }
+                                                        viewBox="0 0 512 512"
+                                                        width="1em"
+                                                      >
+                                                        <path
+                                                          d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
+                                                        />
+                                                      </svg>
+                                                    </CheckIcon>
+                                                  </button>
+                                                </Button>
+                                              </div>
+                                              <div
+                                                className="pf-c-inline-edit__action"
+                                              >
+                                                <Button
+                                                  aria-label="Cancel row edits for row 0"
+                                                  onClick={[Function]}
+                                                  variant="plain"
+                                                >
+                                                  <button
+                                                    aria-disabled={false}
+                                                    aria-label="Cancel row edits for row 0"
+                                                    className="pf-c-button pf-m-plain"
+                                                    data-ouia-component-id="OUIA-Generated-Button-plain-2"
+                                                    data-ouia-component-type="PF4/Button"
+                                                    data-ouia-safe={true}
+                                                    disabled={false}
+                                                    onClick={[Function]}
+                                                    role={null}
+                                                    type="button"
+                                                  >
+                                                    <TimesIcon
+                                                      color="currentColor"
+                                                      noVerticalAlign={false}
+                                                      size="sm"
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        aria-labelledby={null}
+                                                        fill="currentColor"
+                                                        height="1em"
+                                                        role="img"
+                                                        style={
+                                                          Object {
+                                                            "verticalAlign": "-0.125em",
+                                                          }
+                                                        }
+                                                        viewBox="0 0 352 512"
+                                                        width="1em"
+                                                      >
+                                                        <path
+                                                          d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
+                                                        />
+                                                      </svg>
+                                                    </TimesIcon>
+                                                  </button>
+                                                </Button>
+                                              </div>
+                                            </div>
+                                            <div
+                                              className="pf-c-inline-edit__action pf-m-enable-editable"
+                                            >
+                                              <Button
+                                                aria-label="Place row 0 in edit mode"
+                                                onClick={[Function]}
+                                                variant="plain"
+                                              >
+                                                <button
+                                                  aria-disabled={false}
+                                                  aria-label="Place row 0 in edit mode"
+                                                  className="pf-c-button pf-m-plain"
+                                                  data-ouia-component-id="OUIA-Generated-Button-plain-3"
+                                                  data-ouia-component-type="PF4/Button"
+                                                  data-ouia-safe={true}
+                                                  disabled={false}
+                                                  onClick={[Function]}
+                                                  role={null}
+                                                  type="button"
+                                                >
+                                                  <PencilAltIcon
+                                                    color="currentColor"
+                                                    noVerticalAlign={false}
+                                                    size="sm"
+                                                  >
+                                                    <svg
+                                                      aria-hidden={true}
+                                                      aria-labelledby={null}
+                                                      fill="currentColor"
+                                                      height="1em"
+                                                      role="img"
+                                                      style={
+                                                        Object {
+                                                          "verticalAlign": "-0.125em",
+                                                        }
+                                                      }
+                                                      viewBox="0 0 512 512"
+                                                      width="1em"
+                                                    >
+                                                      <path
+                                                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                                                      />
+                                                    </svg>
+                                                  </PencilAltIcon>
+                                                </button>
+                                              </Button>
+                                            </div>
+                                          </EditColumn>
+                                        </td>
+                                      </BodyCell>
+                                    </tr>
+                                  </BaseTableBodyRowBase>
+                                </BaseTableBodyRow>
+                              </RowWrapper>
+                            </BodyRow>
+                            <BodyRow
+                              columns={
+                                Array [
                                   Object {
-                                    "name": "uniqueIdRow2Cell2",
-                                    "value": "Row 2 cell 2, disabled content",
-                                  }
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Text input col 1",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "text-input-col-1",
+                                    "props": Object {
+                                      "data-key": 0,
+                                      "data-label": "Text input col 1",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Disabled text input col 2",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "disabled-text-input-col-2",
+                                    "props": Object {
+                                      "data-key": 1,
+                                      "data-label": "Disabled text input col 2",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Text input col 3",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "text-input-col-3",
+                                    "props": Object {
+                                      "data-key": 2,
+                                      "data-label": "Text input col 3",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Text input col 4",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "text-input-col-4",
+                                    "props": Object {
+                                      "data-key": 3,
+                                      "data-label": "Text input col 4",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "column-4",
+                                    "props": Object {
+                                      "data-key": 4,
+                                      "data-label": "",
+                                    },
+                                  },
+                                ]
+                              }
+                              key="1-row"
+                              onRow={[Function]}
+                              renderers={
+                                Object {
+                                  "cell": [Function],
+                                  "row": [Function],
+                                  "wrapper": [Function],
                                 }
-                                rowIndex={1}
-                                value="Row 2 cell 2, disabled content"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 2 cell 2, disabled content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
-                                >
-                                  <ForwardRef
-                                    aria-label="Row 2 cell 2 content"
-                                    isDisabled={true}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 2 cell 2, disabled content"
-                                  >
-                                    <TextInputBase
-                                      aria-label="Row 2 cell 2 content"
-                                      className=""
-                                      innerRef={null}
+                              }
+                              rowData={
+                                Object {
+                                  "cells": Array [
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow2Cell1",
+                                        "value": "Row 2 cell 1 content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow2Cell2",
+                                        "value": "Row 2 cell 2, disabled content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow2Cell3",
+                                        "value": "Row 2 cell 3 content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow2Cell4",
+                                        "value": "Row 2 cell 4 content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                  ],
+                                  "disabled-text-input-col-2": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow2Cell2",
+                                      "value": "Row 2 cell 2, disabled content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={1}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 2 cell 2 content"
                                       isDisabled={true}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow2Cell2",
+                                          "value": "Row 2 cell 2, disabled content",
+                                        }
+                                      }
+                                      rowIndex={1}
                                       value="Row 2 cell 2, disabled content"
-                                    >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 2 cell 2 content"
-                                        className="pf-c-form-control"
-                                        disabled={true}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 2 cell 2, disabled content"
-                                      />
-                                    </TextInputBase>
-                                  </ForwardRef>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            data-key={2}
-                            data-label="Text input col 3"
-                            isVisible={true}
-                            key="col-2-row-1"
-                            name="uniqueIdRow2Cell3"
-                            value="Row 2 cell 3 content"
-                          >
-                            <td
-                              className=""
-                              data-key={2}
-                              data-label="Text input col 3"
-                              onMouseEnter={[Function]}
+                                    />,
+                                  },
+                                  "id": 1,
+                                  "isEditable": false,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "text-input-col-1": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow2Cell1",
+                                      "value": "Row 2 cell 1 content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={0}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 1 cell 1 content"
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow2Cell1",
+                                          "value": "Row 2 cell 1 content",
+                                        }
+                                      }
+                                      rowIndex={1}
+                                      value="Row 2 cell 1 content"
+                                    />,
+                                  },
+                                  "text-input-col-3": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow2Cell3",
+                                      "value": "Row 2 cell 3 content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={2}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 2 cell 3 content"
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow2Cell3",
+                                          "value": "Row 2 cell 3 content",
+                                        }
+                                      }
+                                      rowIndex={1}
+                                      value="Row 2 cell 3 content"
+                                    />,
+                                  },
+                                  "text-input-col-4": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow2Cell4",
+                                      "value": "Row 2 cell 4 content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={3}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 2 cell 4 content"
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow2Cell4",
+                                          "value": "Row 2 cell 4 content",
+                                        }
+                                      }
+                                      rowIndex={1}
+                                      value="Row 2 cell 4 content"
+                                    />,
+                                  },
+                                }
+                              }
+                              rowIndex={1}
+                              rowKey="1-row"
                             >
-                              <EditableTextCell
-                                cellIndex={2}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 2 cell 3 content"
-                                props={
+                              <RowWrapper
+                                className=""
+                                onMouseDown={[Function]}
+                                row={
                                   Object {
-                                    "name": "uniqueIdRow2Cell3",
-                                    "value": "Row 2 cell 3 content",
+                                    "cells": Array [
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow2Cell1",
+                                          "value": "Row 2 cell 1 content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow2Cell2",
+                                          "value": "Row 2 cell 2, disabled content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow2Cell3",
+                                          "value": "Row 2 cell 3 content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow2Cell4",
+                                          "value": "Row 2 cell 4 content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                    ],
+                                    "disabled-text-input-col-2": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow2Cell2",
+                                        "value": "Row 2 cell 2, disabled content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={1}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 2 cell 2 content"
+                                        isDisabled={true}
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow2Cell2",
+                                            "value": "Row 2 cell 2, disabled content",
+                                          }
+                                        }
+                                        rowIndex={1}
+                                        value="Row 2 cell 2, disabled content"
+                                      />,
+                                    },
+                                    "id": 1,
+                                    "isEditable": false,
+                                    "isExpanded": undefined,
+                                    "isFirst": false,
+                                    "isFirstVisible": false,
+                                    "isHeightAuto": false,
+                                    "isLast": true,
+                                    "isLastVisible": true,
+                                    "text-input-col-1": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow2Cell1",
+                                        "value": "Row 2 cell 1 content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={0}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 1 cell 1 content"
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow2Cell1",
+                                            "value": "Row 2 cell 1 content",
+                                          }
+                                        }
+                                        rowIndex={1}
+                                        value="Row 2 cell 1 content"
+                                      />,
+                                    },
+                                    "text-input-col-3": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow2Cell3",
+                                        "value": "Row 2 cell 3 content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={2}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 2 cell 3 content"
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow2Cell3",
+                                            "value": "Row 2 cell 3 content",
+                                          }
+                                        }
+                                        rowIndex={1}
+                                        value="Row 2 cell 3 content"
+                                      />,
+                                    },
+                                    "text-input-col-4": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow2Cell4",
+                                        "value": "Row 2 cell 4 content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={3}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 2 cell 4 content"
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow2Cell4",
+                                            "value": "Row 2 cell 4 content",
+                                          }
+                                        }
+                                        rowIndex={1}
+                                        value="Row 2 cell 4 content"
+                                      />,
+                                    },
                                   }
                                 }
-                                rowIndex={1}
-                                value="Row 2 cell 3 content"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 2 cell 3 content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
-                                >
-                                  <ForwardRef
-                                    aria-label="Row 2 cell 3 content"
-                                    isDisabled={false}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 2 cell 3 content"
-                                  >
-                                    <TextInputBase
-                                      aria-label="Row 2 cell 3 content"
-                                      className=""
-                                      innerRef={null}
-                                      isDisabled={false}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
-                                      value="Row 2 cell 3 content"
-                                    >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 2 cell 3 content"
-                                        className="pf-c-form-control"
-                                        disabled={false}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 2 cell 3 content"
-                                      />
-                                    </TextInputBase>
-                                  </ForwardRef>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            data-key={3}
-                            data-label="Text input col 4"
-                            isVisible={true}
-                            key="col-3-row-1"
-                            name="uniqueIdRow2Cell4"
-                            value="Row 2 cell 4 content"
-                          >
-                            <td
-                              className=""
-                              data-key={3}
-                              data-label="Text input col 4"
-                              onMouseEnter={[Function]}
-                            >
-                              <EditableTextCell
-                                cellIndex={3}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 2 cell 4 content"
-                                props={
+                                rowProps={
                                   Object {
-                                    "name": "uniqueIdRow2Cell4",
-                                    "value": "Row 2 cell 4 content",
+                                    "rowIndex": 1,
+                                    "rowKey": "1-row",
                                   }
                                 }
-                                rowIndex={1}
-                                value="Row 2 cell 4 content"
                               >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 2 cell 4 content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
+                                <BaseTableBodyRow
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-57"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  onMouseDown={[Function]}
                                 >
-                                  <ForwardRef
-                                    aria-label="Row 2 cell 4 content"
-                                    isDisabled={false}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 2 cell 4 content"
+                                  <BaseTableBodyRowBase
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-57"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    innerRef={null}
+                                    onMouseDown={[Function]}
                                   >
-                                    <TextInputBase
-                                      aria-label="Row 2 cell 4 content"
+                                    <tr
                                       className=""
-                                      innerRef={null}
-                                      isDisabled={false}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
-                                      value="Row 2 cell 4 content"
+                                      data-ouia-component-id="OUIA-Generated-TableRow-57"
+                                      data-ouia-component-type="PF4/TableRow"
+                                      data-ouia-safe={true}
+                                      hidden={false}
+                                      onMouseDown={[Function]}
                                     >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 2 cell 4 content"
-                                        className="pf-c-form-control"
-                                        disabled={false}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 2 cell 4 content"
-                                      />
-                                    </TextInputBase>
-                                  </ForwardRef>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            className="pf-c-table__inline-edit-action"
-                            component="td"
-                            data-key={4}
-                            data-label=""
-                            isVisible={true}
-                            key="col-4-row-1"
-                          >
-                            <td
-                              className="pf-c-table__inline-edit-action"
-                              data-key={4}
-                              onMouseEnter={[Function]}
-                            >
-                              <EditColumn
-                                cancelAriaLabel="Cancel row edits for row 1"
-                                editAriaLabel="Place row 1 in edit mode"
-                                editing={false}
-                                onClick={[Function]}
-                                saveAriaLabel="Save row edits for row 1"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__group pf-m-icon-group pf-m-action-group"
-                                >
-                                  <div
-                                    className="pf-c-inline-edit__action"
-                                  >
-                                    <Button
-                                      aria-label="Save row edits for row 1"
-                                      onClick={[Function]}
-                                      variant="plain"
-                                    >
-                                      <button
-                                        aria-disabled={false}
-                                        aria-label="Save row edits for row 1"
-                                        className="pf-c-button pf-m-plain"
-                                        data-ouia-component-id="OUIA-Generated-Button-plain-4"
-                                        data-ouia-component-type="PF4/Button"
-                                        data-ouia-safe={true}
-                                        disabled={false}
-                                        onClick={[Function]}
-                                        role={null}
-                                        type="button"
-                                      >
-                                        <CheckIcon
-                                          color="currentColor"
-                                          noVerticalAlign={false}
-                                          size="sm"
+                                      <BodyCell
+                                        data-key={0}
+                                        data-label="Text input col 1"
+                                        isVisible={true}
+                                        key="col-0-row-1"
+                                        name="uniqueIdRow2Cell1"
+                                        value="Row 2 cell 1 content"
+                                      >
+                                        <td
+                                          className=""
+                                          data-key={0}
+                                          data-label="Text input col 1"
+                                          onMouseEnter={[Function]}
                                         >
-                                          <svg
-                                            aria-hidden={true}
-                                            aria-labelledby={null}
-                                            fill="currentColor"
-                                            height="1em"
-                                            role="img"
-                                            style={
+                                          <EditableTextCell
+                                            cellIndex={0}
+                                            handleTextInputChange={[Function]}
+                                            inputAriaLabel="Row 1 cell 1 content"
+                                            props={
                                               Object {
-                                                "verticalAlign": "-0.125em",
+                                                "name": "uniqueIdRow2Cell1",
+                                                "value": "Row 2 cell 1 content",
                                               }
                                             }
-                                            viewBox="0 0 512 512"
-                                            width="1em"
+                                            rowIndex={1}
+                                            value="Row 2 cell 1 content"
                                           >
-                                            <path
-                                              d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
-                                            />
-                                          </svg>
-                                        </CheckIcon>
-                                      </button>
-                                    </Button>
-                                  </div>
-                                  <div
-                                    className="pf-c-inline-edit__action"
-                                  >
-                                    <Button
-                                      aria-label="Cancel row edits for row 1"
-                                      onClick={[Function]}
-                                      variant="plain"
-                                    >
-                                      <button
-                                        aria-disabled={false}
-                                        aria-label="Cancel row edits for row 1"
-                                        className="pf-c-button pf-m-plain"
-                                        data-ouia-component-id="OUIA-Generated-Button-plain-5"
-                                        data-ouia-component-type="PF4/Button"
-                                        data-ouia-safe={true}
-                                        disabled={false}
-                                        onClick={[Function]}
-                                        role={null}
-                                        type="button"
-                                      >
-                                        <TimesIcon
-                                          color="currentColor"
-                                          noVerticalAlign={false}
-                                          size="sm"
+                                            <div
+                                              className="pf-c-inline-edit__value"
+                                            >
+                                              Row 2 cell 1 content
+                                            </div>
+                                            <div
+                                              className="pf-c-inline-edit__input"
+                                            >
+                                              <ForwardRef
+                                                aria-label="Row 1 cell 1 content"
+                                                isDisabled={false}
+                                                onChange={[Function]}
+                                                type="text"
+                                                validated="default"
+                                                value="Row 2 cell 1 content"
+                                              >
+                                                <TextInputBase
+                                                  aria-label="Row 1 cell 1 content"
+                                                  className=""
+                                                  innerRef={null}
+                                                  isDisabled={false}
+                                                  isLeftTruncated={false}
+                                                  isReadOnly={false}
+                                                  isRequired={false}
+                                                  onChange={[Function]}
+                                                  type="text"
+                                                  validated="default"
+                                                  value="Row 2 cell 1 content"
+                                                >
+                                                  <input
+                                                    aria-invalid={false}
+                                                    aria-label="Row 1 cell 1 content"
+                                                    className="pf-c-form-control"
+                                                    disabled={false}
+                                                    onBlur={[Function]}
+                                                    onChange={[Function]}
+                                                    onFocus={[Function]}
+                                                    readOnly={false}
+                                                    required={false}
+                                                    type="text"
+                                                    value="Row 2 cell 1 content"
+                                                  />
+                                                </TextInputBase>
+                                              </ForwardRef>
+                                              <div
+                                                aria-live="polite"
+                                                className="pf-c-form__helper-text pf-m-error"
+                                              />
+                                            </div>
+                                          </EditableTextCell>
+                                        </td>
+                                      </BodyCell>
+                                      <BodyCell
+                                        data-key={1}
+                                        data-label="Disabled text input col 2"
+                                        isVisible={true}
+                                        key="col-1-row-1"
+                                        name="uniqueIdRow2Cell2"
+                                        value="Row 2 cell 2, disabled content"
+                                      >
+                                        <td
+                                          className=""
+                                          data-key={1}
+                                          data-label="Disabled text input col 2"
+                                          onMouseEnter={[Function]}
                                         >
-                                          <svg
-                                            aria-hidden={true}
-                                            aria-labelledby={null}
-                                            fill="currentColor"
-                                            height="1em"
-                                            role="img"
-                                            style={
+                                          <EditableTextCell
+                                            cellIndex={1}
+                                            handleTextInputChange={[Function]}
+                                            inputAriaLabel="Row 2 cell 2 content"
+                                            isDisabled={true}
+                                            props={
                                               Object {
-                                                "verticalAlign": "-0.125em",
+                                                "name": "uniqueIdRow2Cell2",
+                                                "value": "Row 2 cell 2, disabled content",
                                               }
                                             }
-                                            viewBox="0 0 352 512"
-                                            width="1em"
+                                            rowIndex={1}
+                                            value="Row 2 cell 2, disabled content"
                                           >
-                                            <path
-                                              d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-                                            />
-                                          </svg>
-                                        </TimesIcon>
-                                      </button>
-                                    </Button>
-                                  </div>
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__action pf-m-enable-editable"
-                                >
-                                  <Button
-                                    aria-label="Place row 1 in edit mode"
-                                    onClick={[Function]}
-                                    variant="plain"
-                                  >
-                                    <button
-                                      aria-disabled={false}
-                                      aria-label="Place row 1 in edit mode"
-                                      className="pf-c-button pf-m-plain"
-                                      data-ouia-component-id="OUIA-Generated-Button-plain-6"
-                                      data-ouia-component-type="PF4/Button"
-                                      data-ouia-safe={true}
-                                      disabled={false}
-                                      onClick={[Function]}
-                                      role={null}
-                                      type="button"
-                                    >
-                                      <PencilAltIcon
-                                        color="currentColor"
-                                        noVerticalAlign={false}
-                                        size="sm"
-                                      >
-                                        <svg
-                                          aria-hidden={true}
-                                          aria-labelledby={null}
-                                          fill="currentColor"
-                                          height="1em"
-                                          role="img"
-                                          style={
-                                            Object {
-                                              "verticalAlign": "-0.125em",
+                                            <div
+                                              className="pf-c-inline-edit__value"
+                                            >
+                                              Row 2 cell 2, disabled content
+                                            </div>
+                                            <div
+                                              className="pf-c-inline-edit__input"
+                                            >
+                                              <ForwardRef
+                                                aria-label="Row 2 cell 2 content"
+                                                isDisabled={true}
+                                                onChange={[Function]}
+                                                type="text"
+                                                validated="default"
+                                                value="Row 2 cell 2, disabled content"
+                                              >
+                                                <TextInputBase
+                                                  aria-label="Row 2 cell 2 content"
+                                                  className=""
+                                                  innerRef={null}
+                                                  isDisabled={true}
+                                                  isLeftTruncated={false}
+                                                  isReadOnly={false}
+                                                  isRequired={false}
+                                                  onChange={[Function]}
+                                                  type="text"
+                                                  validated="default"
+                                                  value="Row 2 cell 2, disabled content"
+                                                >
+                                                  <input
+                                                    aria-invalid={false}
+                                                    aria-label="Row 2 cell 2 content"
+                                                    className="pf-c-form-control"
+                                                    disabled={true}
+                                                    onBlur={[Function]}
+                                                    onChange={[Function]}
+                                                    onFocus={[Function]}
+                                                    readOnly={false}
+                                                    required={false}
+                                                    type="text"
+                                                    value="Row 2 cell 2, disabled content"
+                                                  />
+                                                </TextInputBase>
+                                              </ForwardRef>
+                                              <div
+                                                aria-live="polite"
+                                                className="pf-c-form__helper-text pf-m-error"
+                                              />
+                                            </div>
+                                          </EditableTextCell>
+                                        </td>
+                                      </BodyCell>
+                                      <BodyCell
+                                        data-key={2}
+                                        data-label="Text input col 3"
+                                        isVisible={true}
+                                        key="col-2-row-1"
+                                        name="uniqueIdRow2Cell3"
+                                        value="Row 2 cell 3 content"
+                                      >
+                                        <td
+                                          className=""
+                                          data-key={2}
+                                          data-label="Text input col 3"
+                                          onMouseEnter={[Function]}
+                                        >
+                                          <EditableTextCell
+                                            cellIndex={2}
+                                            handleTextInputChange={[Function]}
+                                            inputAriaLabel="Row 2 cell 3 content"
+                                            props={
+                                              Object {
+                                                "name": "uniqueIdRow2Cell3",
+                                                "value": "Row 2 cell 3 content",
+                                              }
                                             }
-                                          }
-                                          viewBox="0 0 512 512"
-                                          width="1em"
+                                            rowIndex={1}
+                                            value="Row 2 cell 3 content"
+                                          >
+                                            <div
+                                              className="pf-c-inline-edit__value"
+                                            >
+                                              Row 2 cell 3 content
+                                            </div>
+                                            <div
+                                              className="pf-c-inline-edit__input"
+                                            >
+                                              <ForwardRef
+                                                aria-label="Row 2 cell 3 content"
+                                                isDisabled={false}
+                                                onChange={[Function]}
+                                                type="text"
+                                                validated="default"
+                                                value="Row 2 cell 3 content"
+                                              >
+                                                <TextInputBase
+                                                  aria-label="Row 2 cell 3 content"
+                                                  className=""
+                                                  innerRef={null}
+                                                  isDisabled={false}
+                                                  isLeftTruncated={false}
+                                                  isReadOnly={false}
+                                                  isRequired={false}
+                                                  onChange={[Function]}
+                                                  type="text"
+                                                  validated="default"
+                                                  value="Row 2 cell 3 content"
+                                                >
+                                                  <input
+                                                    aria-invalid={false}
+                                                    aria-label="Row 2 cell 3 content"
+                                                    className="pf-c-form-control"
+                                                    disabled={false}
+                                                    onBlur={[Function]}
+                                                    onChange={[Function]}
+                                                    onFocus={[Function]}
+                                                    readOnly={false}
+                                                    required={false}
+                                                    type="text"
+                                                    value="Row 2 cell 3 content"
+                                                  />
+                                                </TextInputBase>
+                                              </ForwardRef>
+                                              <div
+                                                aria-live="polite"
+                                                className="pf-c-form__helper-text pf-m-error"
+                                              />
+                                            </div>
+                                          </EditableTextCell>
+                                        </td>
+                                      </BodyCell>
+                                      <BodyCell
+                                        data-key={3}
+                                        data-label="Text input col 4"
+                                        isVisible={true}
+                                        key="col-3-row-1"
+                                        name="uniqueIdRow2Cell4"
+                                        value="Row 2 cell 4 content"
+                                      >
+                                        <td
+                                          className=""
+                                          data-key={3}
+                                          data-label="Text input col 4"
+                                          onMouseEnter={[Function]}
                                         >
-                                          <path
-                                            d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                                          />
-                                        </svg>
-                                      </PencilAltIcon>
-                                    </button>
-                                  </Button>
-                                </div>
-                              </EditColumn>
-                            </td>
-                          </BodyCell>
-                        </tr>
-                      </RowWrapper>
-                    </BodyRow>
-                  </tbody>
-                </BodyWrapper>
-              </BaseBody>
-            </Body>
-          </ContextBody>
-        </TableBody>
-      </table>
+                                          <EditableTextCell
+                                            cellIndex={3}
+                                            handleTextInputChange={[Function]}
+                                            inputAriaLabel="Row 2 cell 4 content"
+                                            props={
+                                              Object {
+                                                "name": "uniqueIdRow2Cell4",
+                                                "value": "Row 2 cell 4 content",
+                                              }
+                                            }
+                                            rowIndex={1}
+                                            value="Row 2 cell 4 content"
+                                          >
+                                            <div
+                                              className="pf-c-inline-edit__value"
+                                            >
+                                              Row 2 cell 4 content
+                                            </div>
+                                            <div
+                                              className="pf-c-inline-edit__input"
+                                            >
+                                              <ForwardRef
+                                                aria-label="Row 2 cell 4 content"
+                                                isDisabled={false}
+                                                onChange={[Function]}
+                                                type="text"
+                                                validated="default"
+                                                value="Row 2 cell 4 content"
+                                              >
+                                                <TextInputBase
+                                                  aria-label="Row 2 cell 4 content"
+                                                  className=""
+                                                  innerRef={null}
+                                                  isDisabled={false}
+                                                  isLeftTruncated={false}
+                                                  isReadOnly={false}
+                                                  isRequired={false}
+                                                  onChange={[Function]}
+                                                  type="text"
+                                                  validated="default"
+                                                  value="Row 2 cell 4 content"
+                                                >
+                                                  <input
+                                                    aria-invalid={false}
+                                                    aria-label="Row 2 cell 4 content"
+                                                    className="pf-c-form-control"
+                                                    disabled={false}
+                                                    onBlur={[Function]}
+                                                    onChange={[Function]}
+                                                    onFocus={[Function]}
+                                                    readOnly={false}
+                                                    required={false}
+                                                    type="text"
+                                                    value="Row 2 cell 4 content"
+                                                  />
+                                                </TextInputBase>
+                                              </ForwardRef>
+                                              <div
+                                                aria-live="polite"
+                                                className="pf-c-form__helper-text pf-m-error"
+                                              />
+                                            </div>
+                                          </EditableTextCell>
+                                        </td>
+                                      </BodyCell>
+                                      <BodyCell
+                                        className="pf-c-table__inline-edit-action"
+                                        component="td"
+                                        data-key={4}
+                                        data-label=""
+                                        isVisible={true}
+                                        key="col-4-row-1"
+                                      >
+                                        <td
+                                          className="pf-c-table__inline-edit-action"
+                                          data-key={4}
+                                          onMouseEnter={[Function]}
+                                        >
+                                          <EditColumn
+                                            cancelAriaLabel="Cancel row edits for row 1"
+                                            editAriaLabel="Place row 1 in edit mode"
+                                            editing={false}
+                                            onClick={[Function]}
+                                            saveAriaLabel="Save row edits for row 1"
+                                          >
+                                            <div
+                                              className="pf-c-inline-edit__group pf-m-icon-group pf-m-action-group"
+                                            >
+                                              <div
+                                                className="pf-c-inline-edit__action"
+                                              >
+                                                <Button
+                                                  aria-label="Save row edits for row 1"
+                                                  onClick={[Function]}
+                                                  variant="plain"
+                                                >
+                                                  <button
+                                                    aria-disabled={false}
+                                                    aria-label="Save row edits for row 1"
+                                                    className="pf-c-button pf-m-plain"
+                                                    data-ouia-component-id="OUIA-Generated-Button-plain-4"
+                                                    data-ouia-component-type="PF4/Button"
+                                                    data-ouia-safe={true}
+                                                    disabled={false}
+                                                    onClick={[Function]}
+                                                    role={null}
+                                                    type="button"
+                                                  >
+                                                    <CheckIcon
+                                                      color="currentColor"
+                                                      noVerticalAlign={false}
+                                                      size="sm"
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        aria-labelledby={null}
+                                                        fill="currentColor"
+                                                        height="1em"
+                                                        role="img"
+                                                        style={
+                                                          Object {
+                                                            "verticalAlign": "-0.125em",
+                                                          }
+                                                        }
+                                                        viewBox="0 0 512 512"
+                                                        width="1em"
+                                                      >
+                                                        <path
+                                                          d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
+                                                        />
+                                                      </svg>
+                                                    </CheckIcon>
+                                                  </button>
+                                                </Button>
+                                              </div>
+                                              <div
+                                                className="pf-c-inline-edit__action"
+                                              >
+                                                <Button
+                                                  aria-label="Cancel row edits for row 1"
+                                                  onClick={[Function]}
+                                                  variant="plain"
+                                                >
+                                                  <button
+                                                    aria-disabled={false}
+                                                    aria-label="Cancel row edits for row 1"
+                                                    className="pf-c-button pf-m-plain"
+                                                    data-ouia-component-id="OUIA-Generated-Button-plain-5"
+                                                    data-ouia-component-type="PF4/Button"
+                                                    data-ouia-safe={true}
+                                                    disabled={false}
+                                                    onClick={[Function]}
+                                                    role={null}
+                                                    type="button"
+                                                  >
+                                                    <TimesIcon
+                                                      color="currentColor"
+                                                      noVerticalAlign={false}
+                                                      size="sm"
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        aria-labelledby={null}
+                                                        fill="currentColor"
+                                                        height="1em"
+                                                        role="img"
+                                                        style={
+                                                          Object {
+                                                            "verticalAlign": "-0.125em",
+                                                          }
+                                                        }
+                                                        viewBox="0 0 352 512"
+                                                        width="1em"
+                                                      >
+                                                        <path
+                                                          d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
+                                                        />
+                                                      </svg>
+                                                    </TimesIcon>
+                                                  </button>
+                                                </Button>
+                                              </div>
+                                            </div>
+                                            <div
+                                              className="pf-c-inline-edit__action pf-m-enable-editable"
+                                            >
+                                              <Button
+                                                aria-label="Place row 1 in edit mode"
+                                                onClick={[Function]}
+                                                variant="plain"
+                                              >
+                                                <button
+                                                  aria-disabled={false}
+                                                  aria-label="Place row 1 in edit mode"
+                                                  className="pf-c-button pf-m-plain"
+                                                  data-ouia-component-id="OUIA-Generated-Button-plain-6"
+                                                  data-ouia-component-type="PF4/Button"
+                                                  data-ouia-safe={true}
+                                                  disabled={false}
+                                                  onClick={[Function]}
+                                                  role={null}
+                                                  type="button"
+                                                >
+                                                  <PencilAltIcon
+                                                    color="currentColor"
+                                                    noVerticalAlign={false}
+                                                    size="sm"
+                                                  >
+                                                    <svg
+                                                      aria-hidden={true}
+                                                      aria-labelledby={null}
+                                                      fill="currentColor"
+                                                      height="1em"
+                                                      role="img"
+                                                      style={
+                                                        Object {
+                                                          "verticalAlign": "-0.125em",
+                                                        }
+                                                      }
+                                                      viewBox="0 0 512 512"
+                                                      width="1em"
+                                                    >
+                                                      <path
+                                                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                                                      />
+                                                    </svg>
+                                                  </PencilAltIcon>
+                                                </button>
+                                              </Button>
+                                            </div>
+                                          </EditColumn>
+                                        </td>
+                                      </BodyCell>
+                                    </tr>
+                                  </BaseTableBodyRowBase>
+                                </BaseTableBodyRow>
+                              </RowWrapper>
+                            </BodyRow>
+                          </tbody>
+                        </BaseTableBodyBase>
+                      </BaseTableBody>
+                    </BodyWrapper>
+                  </BaseBody>
+                </Body>
+              </ContextBody>
+            </TableBody>
+          </table>
+        </BaseTableBase>
+      </BaseTable>
     </Provider>
   </form>
 </Table>
@@ -53254,7 +55523,8 @@ exports[`Header width table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -53376,598 +55646,181 @@ exports[`Header width table 1`] = `
             "onSort": undefined,
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Pull requests",
-            "transforms": Array [
-              [Function],
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "pull-requests",
-          "props": Object {
-            "data-key": 2,
-            "data-label": "Pull requests",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-23"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-23"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-            >
-              <thead
-                className=""
-              >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
-                    Array [
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Header cell",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "header-cell",
-                        "props": Object {
-                          "data-key": 0,
-                          "data-label": "Header cell",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Branches",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "branches",
-                        "props": Object {
-                          "data-key": 1,
-                          "data-label": "Branches",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Pull requests",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 2,
-                          "data-label": "Pull requests",
-                        },
-                      },
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Pull requests",
+            "transforms": Array [
+              [Function],
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "pull-requests",
+          "props": Object {
+            "data-key": 2,
+            "data-label": "Pull requests",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-46"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
+              headerRows={null}
+            >
+              <Header
+                className=""
+                headerRows={null}
+              >
+                <BaseHeader
+                  className=""
+                  columns={
+                    Array [
                       Object {
                         "cell": Object {
                           "formatters": Array [
                             [Function],
-                          ],
-                          "transforms": Array [
                             [Function],
                           ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
                           "transforms": Array [
                             [Function],
                             [Function],
                           ],
                         },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
                         "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
@@ -53987,1393 +55840,683 @@ exports[`Header width table 1`] = `
                           "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      className="pf-m-width-10"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        className="pf-m-width-10"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Header cell
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      className="pf-m-width-30"
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className="pf-m-width-30"
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      className=""
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": true,
-                "parent": 0,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 1,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 3,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  className="pf-m-width-10"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-m-width-10"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-m-width-10"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-m-width-10"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Header cell
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  className="pf-m-width-30"
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-m-width-30"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-m-width-30"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-m-width-30"
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  className=""
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -55603,173 +56746,12 @@ exports[`Header width table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -55777,205 +56759,9 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -55983,50 +56769,10 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "isOpen": true,
+                    "parent": 0,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -56034,71 +56780,9 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
+                    "parent": 1,
                   },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -56106,51 +56790,9 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -56158,52 +56800,9 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "parent": 3,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -56211,51 +56810,8 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -56263,51 +56819,8 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -56315,51 +56828,8 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -56367,202 +56837,485 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 0,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 1,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 3,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "branches": Object {
@@ -57032,250 +57785,240 @@ exports[`Header width table 1`] = `
                   ]
                 }
               >
-                <tbody
+                <BaseBody
                   className=""
-                  key="tbody-0"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -57327,406 +58070,216 @@ exports[`Header width table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-188"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-0"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -57749,14 +58302,13 @@ exports[`Header width table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 1,
-                        "isExpanded": false,
+                        "id": 5,
+                        "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
-                        "isOpen": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -57764,7 +58316,6 @@ exports[`Header width table 1`] = `
                           },
                           "title": "five",
                         },
-                        "parent": 0,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -57779,407 +58330,298 @@ exports[`Header width table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 1,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "parent": 0,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-189"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-1"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -58231,411 +58673,264 @@ exports[`Header width table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "parent": 1,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-190"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-2"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-1"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -58658,14 +58953,13 @@ exports[`Header width table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "isOpen": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -58687,15 +58981,15 @@ exports[`Header width table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -58718,10 +59012,10 @@ exports[`Header width table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 3,
+                          "id": 0,
                           "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
+                          "isFirst": true,
+                          "isFirstVisible": true,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
@@ -58747,406 +59041,318 @@ exports[`Header width table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-191"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-3"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 1,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": true,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "parent": 0,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "parent": 1,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "parent": 3,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 4,
-                        "isExpanded": false,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "parent": 3,
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -59169,8 +59375,8 @@ exports[`Header width table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 4,
-                          "isExpanded": false,
+                          "id": 7,
+                          "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
@@ -59183,7 +59389,6 @@ exports[`Header width table 1`] = `
                             },
                             "title": "five",
                           },
-                          "parent": 3,
                           "pull-requests": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -59198,1929 +59403,4383 @@ exports[`Header width table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
+                      key="tbody-0"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-375"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-375"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-375"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-0"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 0,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 0,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-377"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-377"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-377"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-1"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 1,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 1,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-379"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-379"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-379"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-2"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-1"
                     >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-192"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            <div
-                              id="test-headercol-4"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-381"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-381"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-381"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-3"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 3,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-2"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 5,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 3,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-383"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-383"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-383"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-4"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
+                      key="tbody-2"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-193"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-5"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-3"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-385"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-385"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-385"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-5"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
+                      key="tbody-3"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-194"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            <div
-                              id="test-headercol-6"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-4"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-387"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-387"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-387"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-6"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                      key="tbody-4"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-195"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-7"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-5"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-389"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-389"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-389"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-7"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-5"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-196"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            <div
-                              id="test-headercol-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-391"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-391"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-391"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-8"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -61248,7 +63907,8 @@ exports[`Row click table 1`] = `
 >
   <Provider
     aria-label="Row click table"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -61406,364 +64066,129 @@ exports[`Row click table 1`] = `
             "expandId": "expandable-toggle",
             "firstUserColumnIndex": 0,
             "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-6"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Row click table"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-6"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+  >
+    <BaseTable
+      aria-label="Row click table"
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+    >
+      <BaseTableBase
+        aria-label="Row click table"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Row click table"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-12"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -61900,1492 +64325,623 @@ exports[`Row click table 1`] = `
                       },
                       Object {
                         "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody
-        onRowClick={[MockFunction]}
-      >
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[MockFunction]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody
+            onRowClick={[MockFunction]}
           >
-            <BaseBody
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -63522,585 +65078,101 @@ exports[`Row click table 1`] = `
                   },
                   Object {
                     "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "workspaces": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
                     },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
                 ]
               }
+              headerRows={null}
               onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
+              onRowClick={[MockFunction]}
               rowKey="id"
               rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64108,50 +65180,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64159,50 +65189,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64210,50 +65198,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64261,50 +65207,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64312,50 +65216,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64363,50 +65225,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64414,50 +65234,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64465,50 +65243,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64516,46 +65252,11 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
             >
-              <BodyWrapper
+              <Body
                 className=""
                 headerRows={null}
                 mappedRows={
@@ -65021,1566 +65722,753 @@ exports[`Row click table 1`] = `
                     },
                   ]
                 }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-39"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-40"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-41"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -66603,7 +66491,7 @@ exports[`Row click table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -66631,396 +66519,211 @@ exports[`Row click table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-42"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -67043,7 +66746,7 @@ exports[`Row click table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -67071,396 +66774,295 @@ exports[`Row click table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-43"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -67483,7 +67085,7 @@ exports[`Row click table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -67511,396 +67113,7 @@ exports[`Row click table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-44"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -67923,7 +67136,7 @@ exports[`Row click table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -67951,396 +67164,160 @@ exports[`Row click table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-45"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -68363,13 +67340,13 @@ exports[`Row click table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 7,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -68391,15 +67368,15 @@ exports[`Row click table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -68422,7 +67399,58 @@ exports[`Row click table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -68450,396 +67478,313 @@ exports[`Row click table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-46"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -68890,108 +67835,4163 @@ exports[`Row click table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-47"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-77"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-77"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-77"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-79"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-79"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-79"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-81"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-81"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-81"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-83"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-83"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-83"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-85"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-85"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-85"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-87"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-87"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-87"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-89"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-89"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-89"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-91"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-91"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-91"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-93"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-93"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-93"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -69132,7 +72132,8 @@ exports[`Selectable table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -69406,9 +72407,9 @@ exports[`Selectable table 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-20"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -69423,327 +72424,44 @@ exports[`Selectable table 1`] = `
     }
     role="grid"
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-20"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-40"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-0",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -70016,1500 +72734,613 @@ exports[`Selectable table 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      className="pf-c-table__check"
-                      component="td"
-                      data-key={0}
-                      data-label=""
-                      isVisible={true}
-                      key="0-header"
-                      scope=""
-                    >
-                      <td
-                        className="pf-c-table__check"
-                        data-key={0}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      >
-                        <SelectColumn
-                          aria-label="Select all rows"
-                          checked={false}
-                          name="check-all"
-                          onSelect={[Function]}
-                          selectVariant="checkbox"
-                        >
-                          <input
-                            aria-label="Select all rows"
-                            checked={false}
-                            name="check-all"
-                            onChange={[Function]}
-                            type="checkbox"
-                          />
-                        </SelectColumn>
-                      </td>
-                    </HeaderCell>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={1}
-                      data-label="Header cell"
-                      key="1-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={1}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-0",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  className="pf-c-table__check"
+                                  component="td"
+                                  data-key={0}
+                                  data-label=""
+                                  isVisible={true}
+                                  key="0-header"
+                                  scope=""
+                                >
+                                  <td
+                                    className="pf-c-table__check"
+                                    data-key={0}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                  >
+                                    <SelectColumn
+                                      aria-label="Select all rows"
+                                      checked={false}
+                                      name="check-all"
+                                      onSelect={[Function]}
+                                      selectVariant="checkbox"
+                                    >
+                                      <input
+                                        aria-label="Select all rows"
+                                        checked={false}
+                                        name="check-all"
+                                        onChange={[Function]}
+                                        type="checkbox"
+                                      />
+                                    </SelectColumn>
+                                  </td>
+                                </HeaderCell>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={1}
+                                  data-label="Header cell"
+                                  key="1-header"
+                                  scope="col"
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={1}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Branches"
+                                  key="2-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Branches"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Pull requests"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Workspaces"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={5}
-                      data-label="Last Commit"
-                      key="5-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={5}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "column-0",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 5,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": true,
-                "parent": 0,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 1,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 3,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Pull requests"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Workspaces"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={5}
+                                  data-label="Last Commit"
+                                  key="5-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={5}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -71722,286 +73553,73 @@ exports[`Selectable table 1`] = `
                       "selectVariant": "checkbox",
                       "sortBy": undefined,
                     },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Workspaces",
                     },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 1,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": [Function],
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 5,
+                      "data-label": "Last Commit",
                     },
                   },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72009,51 +73627,9 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "isOpen": false,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72061,50 +73637,10 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "isOpen": true,
+                    "parent": 0,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72112,50 +73648,9 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "parent": 1,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72163,50 +73658,9 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "isOpen": false,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72214,71 +73668,9 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
+                    "parent": 3,
                   },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72286,51 +73678,8 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72338,52 +73687,8 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72391,51 +73696,8 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72443,307 +73705,327 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "parent": 0,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 1,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 4,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "parent": 3,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -72766,14 +74048,13 @@ exports[`Selectable table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 6,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
-                      "isOpen": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -72818,14 +74099,13 @@ exports[`Selectable table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
-                      "isExpanded": false,
+                      "id": 7,
+                      "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
-                      "isOpen": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -72833,7 +74113,6 @@ exports[`Selectable table 1`] = `
                         },
                         "title": "five",
                       },
-                      "parent": 0,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -72871,13 +74150,71 @@ exports[`Selectable table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
-                      "isExpanded": false,
+                      "id": 8,
+                      "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
+                      "isOpen": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -72885,7 +74222,6 @@ exports[`Selectable table 1`] = `
                         },
                         "title": "five",
                       },
-                      "parent": 1,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -72923,14 +74259,14 @@ exports[`Selectable table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
-                      "isExpanded": undefined,
+                      "id": 1,
+                      "isExpanded": false,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
-                      "isOpen": false,
+                      "isOpen": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -72938,6 +74274,7 @@ exports[`Selectable table 1`] = `
                         },
                         "title": "five",
                       },
+                      "parent": 0,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -72975,7 +74312,7 @@ exports[`Selectable table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 2,
                       "isExpanded": false,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -72989,7 +74326,7 @@ exports[`Selectable table 1`] = `
                         },
                         "title": "five",
                       },
-                      "parent": 3,
+                      "parent": 1,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -73027,13 +74364,14 @@ exports[`Selectable table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
+                      "isOpen": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -73078,8 +74416,8 @@ exports[`Selectable table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
-                      "isExpanded": undefined,
+                      "id": 4,
+                      "isExpanded": false,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
@@ -73092,6 +74430,7 @@ exports[`Selectable table 1`] = `
                         },
                         "title": "five",
                       },
+                      "parent": 3,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -73129,7 +74468,7 @@ exports[`Selectable table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -73180,13 +74519,13 @@ exports[`Selectable table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -73209,822 +74548,389 @@ exports[`Selectable table 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                  key="tbody-0"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "isOpen": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "column-0",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-161"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 0"
-                              checked={false}
-                              name="checkrow0"
-                              onSelect={[Function]}
-                              selectVariant="checkbox"
-                            >
-                              <input
-                                aria-label="Select row 0"
-                                checked={false}
-                                name="checkrow0"
-                                onChange={[Function]}
-                                type="checkbox"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-0"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Workspaces",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -74047,14 +74953,14 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 1,
-                        "isExpanded": false,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
-                        "isOpen": true,
+                        "isOpen": false,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -74062,7 +74968,6 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "five",
                         },
-                        "parent": 0,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -74077,464 +74982,60 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "parent": 0,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-162"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          />
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-1"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -74586,468 +75087,348 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 2,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "parent": 1,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-163"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          />
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-2"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-1"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-0",
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
                         "cell": [Function],
                         "row": [Function],
                         "wrapper": [Function],
-                      }
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
                     }
-                    rowData={
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -75070,10 +75451,10 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 0,
                         "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
@@ -75099,480 +75480,164 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-164"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 3"
-                              checked={false}
-                              name="checkrow3"
-                              onSelect={[Function]}
-                              selectVariant="checkbox"
-                            >
-                              <input
-                                aria-label="Select row 3"
-                                checked={false}
-                                name="checkrow3"
-                                onChange={[Function]}
-                                type="checkbox"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-3"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -75624,468 +75689,160 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "parent": 3,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-165"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          />
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-4"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-2"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -76108,13 +75865,13 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -76127,24 +75884,76 @@ exports[`Selectable table 1`] = `
                           "props": Object {
                             "isVisible": true,
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -76167,13 +75976,14 @@ exports[`Selectable table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
+                          "id": 1,
+                          "isExpanded": false,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
+                          "isOpen": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -76181,6 +75991,7 @@ exports[`Selectable table 1`] = `
                             },
                             "title": "five",
                           },
+                          "parent": 0,
                           "pull-requests": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -76195,484 +76006,265 @@ exports[`Selectable table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-166"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 5"
-                              checked={false}
-                              name="checkrow5"
-                              onSelect={[Function]}
-                              selectVariant="checkbox"
-                            >
-                              <input
-                                aria-label="Select row 5"
-                                checked={false}
-                                name="checkrow5"
-                                onChange={[Function]}
-                                type="checkbox"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-5"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-3"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 2,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "parent": 1,
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                          "parent": 3,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -76695,7 +76287,7 @@ exports[`Selectable table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 7,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -76723,1199 +76315,4998 @@ exports[`Selectable table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-167"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 6"
-                              checked={false}
-                              name="checkrow6"
-                              onSelect={[Function]}
-                              selectVariant="checkbox"
-                            >
-                              <input
-                                aria-label="Select row 6"
-                                checked={false}
-                                name="checkrow6"
-                                onChange={[Function]}
-                                type="checkbox"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-6"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-4"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "header": Object {
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "header": Object {
+                          "workspaces": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                       ]
                     }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
                   >
-                    <RowWrapper
+                    <BaseTableBody
+                      className=""
+                      key="tbody-0"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-321"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-321"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-321"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select row 0"
+                                          checked={false}
+                                          name="checkrow0"
+                                          onSelect={[Function]}
+                                          selectVariant="checkbox"
+                                        >
+                                          <input
+                                            aria-label="Select row 0"
+                                            checked={false}
+                                            name="checkrow0"
+                                            onChange={[Function]}
+                                            type="checkbox"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-0"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 0,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 0,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-323"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-323"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-323"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      />
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-1"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 1,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 1,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-325"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-325"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-325"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      />
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-2"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                      key="tbody-1"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-168"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            <SelectColumn
-                              aria-label="Select row 7"
-                              checked={false}
-                              name="checkrow7"
-                              onSelect={[Function]}
-                              selectVariant="checkbox"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
                             >
-                              <input
-                                aria-label="Select row 7"
-                                checked={false}
-                                name="checkrow7"
-                                onChange={[Function]}
-                                type="checkbox"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-327"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-327"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-327"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select row 3"
+                                          checked={false}
+                                          name="checkrow3"
+                                          onSelect={[Function]}
+                                          selectVariant="checkbox"
+                                        >
+                                          <input
+                                            aria-label="Select row 3"
+                                            checked={false}
+                                            name="checkrow3"
+                                            onChange={[Function]}
+                                            type="checkbox"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-3"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 3,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            <div
-                              id="test-headercol-7"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 3,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-5"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-329"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-329"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-329"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      />
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-4"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-2"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-169"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            <SelectColumn
-                              aria-label="Select row 8"
-                              checked={false}
-                              name="checkrow8"
-                              onSelect={[Function]}
-                              selectVariant="checkbox"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
                             >
-                              <input
-                                aria-label="Select row 8"
-                                checked={false}
-                                name="checkrow8"
-                                onChange={[Function]}
-                                type="checkbox"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-8"
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-331"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-331"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-331"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select row 5"
+                                          checked={false}
+                                          name="checkrow5"
+                                          onSelect={[Function]}
+                                          selectVariant="checkbox"
+                                        >
+                                          <input
+                                            aria-label="Select row 5"
+                                            checked={false}
+                                            name="checkrow5"
+                                            onChange={[Function]}
+                                            type="checkbox"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-5"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-3"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            <div
-                              id="test-headercol-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-8"
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-333"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-333"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-333"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select row 6"
+                                          checked={false}
+                                          name="checkrow6"
+                                          onSelect={[Function]}
+                                          selectVariant="checkbox"
+                                        >
+                                          <input
+                                            aria-label="Select row 6"
+                                            checked={false}
+                                            name="checkrow6"
+                                            onChange={[Function]}
+                                            type="checkbox"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-6"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-4"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-335"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-335"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-335"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select row 7"
+                                          checked={false}
+                                          name="checkrow7"
+                                          onSelect={[Function]}
+                                          selectVariant="checkbox"
+                                        >
+                                          <input
+                                            aria-label="Select row 7"
+                                            checked={false}
+                                            name="checkrow7"
+                                            onChange={[Function]}
+                                            type="checkbox"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-7"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-5"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-337"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-337"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-337"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select row 8"
+                                          checked={false}
+                                          name="checkrow8"
+                                          onSelect={[Function]}
+                                          selectVariant="checkbox"
+                                        >
+                                          <input
+                                            aria-label="Select row 8"
+                                            checked={false}
+                                            name="checkrow8"
+                                            onChange={[Function]}
+                                            type="checkbox"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-8"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -78056,7 +81447,8 @@ exports[`Selectable table with Radio 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -78265,407 +81657,125 @@ exports[`Selectable table with Radio 1`] = `
             "onRowEdit": undefined,
             "onSelect": [Function],
             "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "radio",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": false,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 1,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": [Function],
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "radio",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 5,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-21"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-21"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": false,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "radio",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-0",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": false,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "radio",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": false,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "radio",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": false,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "radio",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": false,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "radio",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": false,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "radio",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "radio",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": false,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 1,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": [Function],
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "radio",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 5,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-42"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -78937,1480 +82047,610 @@ exports[`Selectable table with Radio 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      data-key={0}
-                      data-label=""
-                      key="0-header"
-                      scope=""
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
+                      <thead
                         className=""
-                        data-key={0}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      />
-                    </HeaderCell>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={1}
-                      data-label="Header cell"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={1}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": false,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "radio",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-0",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": false,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "radio",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": false,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "radio",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": false,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "radio",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": false,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "radio",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": false,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "radio",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  data-key={0}
+                                  data-label=""
+                                  key="0-header"
+                                  scope=""
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={0}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={0}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      />
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={1}
+                                  data-label="Header cell"
+                                  key="1-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={1}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Branches"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Pull requests"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Workspaces"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={5}
-                      data-label="Last Commit"
-                      key="5-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={5}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": false,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "radio",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "column-0",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": false,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "radio",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": false,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "radio",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": false,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "radio",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": false,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "radio",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": false,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "radio",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 5,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": true,
-                "parent": 0,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 1,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 3,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Branches"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Pull requests"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Workspaces"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={5}
+                                  data-label="Last Commit"
+                                  key="5-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={5}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -80683,16 +82923,12 @@ exports[`Selectable table with Radio 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -80700,51 +82936,9 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -80752,52 +82946,10 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
                     "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -80805,51 +82957,9 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
                     "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -80857,51 +82967,9 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -80909,51 +82977,9 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
                     "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -80961,50 +82987,8 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -81012,50 +82996,8 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -81063,50 +83005,8 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -81114,536 +83014,327 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "one",
                     },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "parent": 0,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "parent": 1,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 4,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "parent": 3,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -81666,14 +83357,13 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 6,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
-                      "isOpen": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -81718,14 +83408,13 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
-                      "isExpanded": false,
+                      "id": 7,
+                      "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
-                      "isOpen": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -81733,7 +83422,6 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "title": "five",
                       },
-                      "parent": 0,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -81771,13 +83459,71 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
-                      "isExpanded": false,
+                      "id": 8,
+                      "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
+                      "isOpen": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -81785,7 +83531,6 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "title": "five",
                       },
-                      "parent": 1,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -81823,14 +83568,14 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
-                      "isExpanded": undefined,
+                      "id": 1,
+                      "isExpanded": false,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
-                      "isOpen": false,
+                      "isOpen": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -81838,6 +83583,7 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "title": "five",
                       },
+                      "parent": 0,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -81875,7 +83621,7 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 2,
                       "isExpanded": false,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -81889,7 +83635,7 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "title": "five",
                       },
-                      "parent": 3,
+                      "parent": 1,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -81927,13 +83673,14 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
+                      "isOpen": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -81978,8 +83725,8 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
-                      "isExpanded": undefined,
+                      "id": 4,
+                      "isExpanded": false,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
@@ -81992,6 +83739,7 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "title": "five",
                       },
+                      "parent": 3,
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -82029,7 +83777,7 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -82080,13 +83828,13 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -82109,820 +83857,388 @@ exports[`Selectable table with Radio 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                  key="tbody-0"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": false,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "radio",
+                          "sortBy": undefined,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "isOpen": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "property": "column-0",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "",
                         },
-                        "workspaces": Object {
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": false,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "radio",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-170"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 0"
-                              checked={false}
-                              name="radioGroup"
-                              onSelect={[Function]}
-                              selectVariant="radio"
-                            >
-                              <input
-                                aria-label="Select row 0"
-                                checked={false}
-                                name="radioGroup"
-                                onChange={[Function]}
-                                type="radio"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-0"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": false,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "radio",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": false,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "radio",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Pull requests",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": false,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "radio",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Workspaces",
+                        },
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": false,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "radio",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -82945,14 +84261,14 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 1,
-                        "isExpanded": false,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
-                        "isOpen": true,
+                        "isOpen": false,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -82960,7 +84276,6 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "five",
                         },
-                        "parent": 0,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -82975,463 +84290,60 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "parent": 0,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-171"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          />
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-1"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -83483,467 +84395,213 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "parent": 1,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-172"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          />
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-2"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-1"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -83966,14 +84624,13 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
-                        "isOpen": false,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -83995,479 +84652,300 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-173"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 3"
-                              checked={false}
-                              name="radioGroup"
-                              onSelect={[Function]}
-                              selectVariant="radio"
-                            >
-                              <input
-                                aria-label="Select row 3"
-                                checked={false}
-                                name="radioGroup"
-                                onChange={[Function]}
-                                type="radio"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-3"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-0",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -84519,467 +84997,160 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "parent": 3,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-174"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          />
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-4"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-2"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -85002,13 +85173,13 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -85030,15 +85201,67 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -85061,13 +85284,14 @@ exports[`Selectable table with Radio 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
+                          "id": 1,
+                          "isExpanded": false,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
+                          "isOpen": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -85075,6 +85299,7 @@ exports[`Selectable table with Radio 1`] = `
                             },
                             "title": "five",
                           },
+                          "parent": 0,
                           "pull-requests": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -85089,483 +85314,316 @@ exports[`Selectable table with Radio 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-175"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 5"
-                              checked={false}
-                              name="radioGroup"
-                              onSelect={[Function]}
-                              selectVariant="radio"
-                            >
-                              <input
-                                aria-label="Select row 5"
-                                checked={false}
-                                name="radioGroup"
-                                onChange={[Function]}
-                                type="radio"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-5"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-3"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "id": 2,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "parent": 1,
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                          "parent": 3,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -85588,13 +85646,13 @@ exports[`Selectable table with Radio 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 8,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
+                          "isLast": true,
+                          "isLastVisible": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -85616,1197 +85674,4938 @@ exports[`Selectable table with Radio 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
+                      key="tbody-0"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-176"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-6"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-339"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-339"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-339"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select row 0"
+                                          checked={false}
+                                          name="radioGroup"
+                                          onSelect={[Function]}
+                                          selectVariant="radio"
+                                        >
+                                          <input
+                                            aria-label="Select row 0"
+                                            checked={false}
+                                            name="radioGroup"
+                                            onChange={[Function]}
+                                            type="radio"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-0"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 0,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 0,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-341"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-341"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-341"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      />
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-1"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 1,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            <SelectColumn
-                              aria-label="Select row 6"
-                              checked={false}
-                              name="radioGroup"
-                              onSelect={[Function]}
-                              selectVariant="radio"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 1,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
                             >
-                              <input
-                                aria-label="Select row 6"
-                                checked={false}
-                                name="radioGroup"
-                                onChange={[Function]}
-                                type="radio"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-6"
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-343"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-343"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-343"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      />
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-2"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-1"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            <div
-                              id="test-headercol-6"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-345"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-345"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-345"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select row 3"
+                                          checked={false}
+                                          name="radioGroup"
+                                          onSelect={[Function]}
+                                          selectVariant="radio"
+                                        >
+                                          <input
+                                            aria-label="Select row 3"
+                                            checked={false}
+                                            name="radioGroup"
+                                            onChange={[Function]}
+                                            type="radio"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-3"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 3,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-4"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 3,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className="pf-c-table__expandable-row"
+                                data-ouia-component-id="OUIA-Generated-TableRow-347"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className="pf-c-table__expandable-row"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-347"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={true}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-347"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      />
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-4"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                      key="tbody-2"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-177"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 7"
-                              checked={false}
-                              name="radioGroup"
-                              onSelect={[Function]}
-                              selectVariant="radio"
-                            >
-                              <input
-                                aria-label="Select row 7"
-                                checked={false}
-                                name="radioGroup"
-                                onChange={[Function]}
-                                type="radio"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-7"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-5"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-349"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-349"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-349"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select row 5"
+                                          checked={false}
+                                          name="radioGroup"
+                                          onSelect={[Function]}
+                                          selectVariant="radio"
+                                        >
+                                          <input
+                                            aria-label="Select row 5"
+                                            checked={false}
+                                            name="radioGroup"
+                                            onChange={[Function]}
+                                            type="radio"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-5"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                      key="tbody-3"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-351"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-351"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-351"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select row 6"
+                                          checked={false}
+                                          name="radioGroup"
+                                          onSelect={[Function]}
+                                          selectVariant="radio"
+                                        >
+                                          <input
+                                            aria-label="Select row 6"
+                                            checked={false}
+                                            name="radioGroup"
+                                            onChange={[Function]}
+                                            type="radio"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-6"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-4"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-178"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            <SelectColumn
-                              aria-label="Select row 8"
-                              checked={false}
-                              name="radioGroup"
-                              onSelect={[Function]}
-                              selectVariant="radio"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
                             >
-                              <input
-                                aria-label="Select row 8"
-                                checked={false}
-                                name="radioGroup"
-                                onChange={[Function]}
-                                type="radio"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-8"
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-353"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-353"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-353"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select row 7"
+                                          checked={false}
+                                          name="radioGroup"
+                                          onSelect={[Function]}
+                                          selectVariant="radio"
+                                        >
+                                          <input
+                                            aria-label="Select row 7"
+                                            checked={false}
+                                            name="radioGroup"
+                                            onChange={[Function]}
+                                            type="radio"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-7"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-5"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            <div
-                              id="test-headercol-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-355"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-355"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-355"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select row 8"
+                                          checked={false}
+                                          name="radioGroup"
+                                          onSelect={[Function]}
+                                          selectVariant="radio"
+                                        >
+                                          <input
+                                            aria-label="Select row 8"
+                                            checked={false}
+                                            name="radioGroup"
+                                            onChange={[Function]}
+                                            type="radio"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <th
+                                        className=""
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <div
+                                          id="test-headercol-8"
+                                        >
+                                          one
+                                        </div>
+                                      </th>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -86966,7 +90765,8 @@ exports[`Simple Actions table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -87352,9 +91152,9 @@ exports[`Simple Actions table 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-14"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -87369,439 +91169,44 @@ exports[`Simple Actions table 1`] = `
     }
     role="grid"
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-14"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-28"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-5",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
-              >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                headerRows={null}
+              >
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -88186,1690 +91591,707 @@ exports[`Simple Actions table 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
+                      <thead
                         className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
                       >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      component="td"
-                      data-key={5}
-                      data-label=""
-                      key="5-header"
-                      scope=""
-                    >
-                      <td
-                        className=""
-                        data-key={5}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      />
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": Array [
-                    Object {
-                      "onClick": [Function],
-                      "title": "Some action",
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": <div>
-                        Another action
-                      </div>,
-                    },
-                    Object {
-                      "isSeparator": true,
-                      "onClick": null,
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": "Third action",
-                    },
-                  ],
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": Array [
-                    Object {
-                      "onClick": [Function],
-                      "title": "Some action",
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": <div>
-                        Another action
-                      </div>,
-                    },
-                    Object {
-                      "isSeparator": true,
-                      "onClick": null,
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": "Third action",
-                    },
-                  ],
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": Array [
-                    Object {
-                      "onClick": [Function],
-                      "title": "Some action",
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": <div>
-                        Another action
-                      </div>,
-                    },
-                    Object {
-                      "isSeparator": true,
-                      "onClick": null,
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": "Third action",
-                    },
-                  ],
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": Array [
-                    Object {
-                      "onClick": [Function],
-                      "title": "Some action",
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": <div>
-                        Another action
-                      </div>,
-                    },
-                    Object {
-                      "isSeparator": true,
-                      "onClick": null,
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": "Third action",
-                    },
-                  ],
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": Array [
-                    Object {
-                      "onClick": [Function],
-                      "title": "Some action",
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": <div>
-                        Another action
-                      </div>,
-                    },
-                    Object {
-                      "isSeparator": true,
-                      "onClick": null,
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": "Third action",
-                    },
-                  ],
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": Array [
-                    Object {
-                      "onClick": [Function],
-                      "title": "Some action",
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": <div>
-                        Another action
-                      </div>,
-                    },
-                    Object {
-                      "isSeparator": true,
-                      "onClick": null,
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": "Third action",
-                    },
-                  ],
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "column-5",
-                "props": Object {
-                  "data-key": 5,
-                  "data-label": "",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "disableActions": true,
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "disableActions": true,
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 9,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "disableActions": true,
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 9,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-5",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  component="td"
+                                  data-key={5}
+                                  data-label=""
+                                  key="5-header"
+                                  scope=""
+                                >
+                                  <td
+                                    className=""
+                                    data-key={5}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                  />
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -90255,599 +92677,12 @@ exports[`Simple Actions table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "disableActions": true,
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 9,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
               onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
+              onRowClick={[Function]}
               rowKey="id"
               rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -90855,50 +92690,8 @@ exports[`Simple Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -90906,50 +92699,8 @@ exports[`Simple Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -90957,50 +92708,8 @@ exports[`Simple Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -91008,50 +92717,8 @@ exports[`Simple Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -91059,50 +92726,8 @@ exports[`Simple Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -91110,50 +92735,8 @@ exports[`Simple Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -91161,101 +92744,26 @@ exports[`Simple Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
                       "three",
                       "four",
                       "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -91264,46 +92772,11 @@ exports[`Simple Actions table 1`] = `
                       "five",
                     ],
                     "disableActions": true,
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 9,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
             >
-              <BodyWrapper
+              <Body
                 className=""
                 headerRows={null}
                 mappedRows={
@@ -91821,2390 +93294,1169 @@ exports[`Simple Actions table 1`] = `
                     },
                   ]
                 }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-111"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-0"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 0,
-                                }
-                              }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 0,
-                                  "isExpanded": undefined,
-                                  "isFirst": true,
-                                  "isFirstVisible": true,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-1"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-0"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-1"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-0"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-0"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-1"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-0"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-0"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "disableActions": true,
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 9,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
                             },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
                             },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
                             },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
                             },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
                             },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-112"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-1"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 1,
-                                }
-                              }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 1,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-2"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-1"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-2"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-1"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-1"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-2"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-1"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-1"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "column-5",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-5",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -94227,7 +94479,7 @@ exports[`Simple Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 2,
+                        "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -94255,948 +94507,245 @@ exports[`Simple Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-113"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-2"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 2,
-                                }
-                              }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 2,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-3"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-2"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-3"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-2"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-2"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-3"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-2"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-2"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "disableActions": true,
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 9,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-5",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
                         "cell": [Function],
                         "row": [Function],
                         "wrapper": [Function],
-                      }
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
                     }
-                    rowData={
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -95219,10 +94768,10 @@ exports[`Simple Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 0,
                         "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
@@ -95247,948 +94796,313 @@ exports[`Simple Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-114"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-3"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 3,
-                                }
-                              }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 3,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-4"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-3"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-4"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-3"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-3"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-4"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-3"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-3"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-5",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -96211,7 +95125,7 @@ exports[`Simple Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -96239,948 +95153,58 @@ exports[`Simple Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-115"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-4"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 4,
-                                }
-                              }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 4,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-5"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-4"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-5"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-4"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-4"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-5"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-4"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-4"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-5",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -97196,6 +95220,7 @@ exports[`Simple Actions table 1`] = `
                           "four",
                           "five",
                         ],
+                        "disableActions": true,
                         "header-cell": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -97203,13 +95228,13 @@ exports[`Simple Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 9,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -97231,15 +95256,15 @@ exports[`Simple Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -97262,7 +95287,58 @@ exports[`Simple Actions table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 5,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -97290,948 +95366,364 @@ exports[`Simple Actions table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-116"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-5"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 5,
-                                }
-                              }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 5,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-6"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-5"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-6"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-5"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-5"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-6"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-5"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-5"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "header": Object {
+                          "workspaces": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -98247,6 +95739,7 @@ exports[`Simple Actions table 1`] = `
                             "four",
                             "five",
                           ],
+                          "disableActions": true,
                           "header-cell": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -98254,13 +95747,13 @@ exports[`Simple Actions table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 9,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
+                          "isLast": true,
+                          "isLastVisible": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -98282,208 +95775,1487 @@ exports[`Simple Actions table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-117"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-6"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "property": "column-5",
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
                                     "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
+                                      "isVisible": true,
                                     },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
                                   },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 6,
                                 }
                               }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-221"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-221"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-221"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-0"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": undefined,
+                                                  "actions": Array [
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Some action",
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": <div>
+                                                        Another action
+                                                      </div>,
+                                                    },
+                                                    Object {
+                                                      "isSeparator": true,
+                                                      "onClick": null,
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Third action",
+                                                    },
+                                                  ],
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": undefined,
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 0,
+                                            }
+                                          }
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 0,
+                                              "isExpanded": undefined,
+                                              "isFirst": true,
+                                              "isFirstVisible": true,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                onToggle={[Function]}
+                                              />
+                                            }
+                                          >
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  onToggle={[Function]}
+                                                />
+                                              }
+                                            >
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-1"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-0"
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-1"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-0"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-0"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-1"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-0"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-0"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
                                   },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
                                   },
-                                ]
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
                               }
-                              rowData={
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
                                   "branches": Object {
                                     "formatters": Array [],
@@ -98506,7 +97278,7 @@ exports[`Simple Actions table 1`] = `
                                     },
                                     "title": "one",
                                   },
-                                  "id": 6,
+                                  "id": 1,
                                   "isExpanded": undefined,
                                   "isFirst": false,
                                   "isFirstVisible": false,
@@ -98536,946 +97308,1976 @@ exports[`Simple Actions table 1`] = `
                                   },
                                 }
                               }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
                             >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-223"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-223"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-223"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
                                       data-key={0}
-                                      onClick={[Function]}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
                                     >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={1}
-                                      onClick={[Function]}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
                                     >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={3}
-                                      onClick={[Function]}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-1"
                                     >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": undefined,
+                                                  "actions": Array [
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Some action",
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": <div>
+                                                        Another action
+                                                      </div>,
+                                                    },
+                                                    Object {
+                                                      "isSeparator": true,
+                                                      "onClick": null,
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Third action",
+                                                    },
+                                                  ],
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": undefined,
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 1,
+                                            }
+                                          }
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 1,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                onToggle={[Function]}
+                                              />
+                                            }
+                                          >
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  onToggle={[Function]}
+                                                />
+                                              }
+                                            >
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-2"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-1"
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-2"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-1"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-1"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-2"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-1"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-1"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
                                 }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
                                 }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-225"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
                               >
-                                <DropdownWithContext
-                                  autoFocus={true}
+                                <BaseTableBodyRowBase
                                   className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-225"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-225"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={0}
-                                        onClick={[Function]}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
                                       >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={1}
-                                        onClick={[Function]}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
                                       >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={3}
-                                        onClick={[Function]}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
                                       >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-7"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-6"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-7"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-6"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
                                     >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-6"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-7"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-6"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-6"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-2"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": undefined,
+                                                  "actions": Array [
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Some action",
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": <div>
+                                                        Another action
+                                                      </div>,
+                                                    },
+                                                    Object {
+                                                      "isSeparator": true,
+                                                      "onClick": null,
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Third action",
+                                                    },
+                                                  ],
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": undefined,
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 2,
+                                            }
+                                          }
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 2,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
                                         >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-118"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-7"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                onToggle={[Function]}
+                                              />
+                                            }
+                                          >
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  onToggle={[Function]}
+                                                />
+                                              }
+                                            >
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-3"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-2"
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-3"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-2"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-2"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-3"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-2"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-2"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
                                 Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
                                   },
-                                  "columnIndex": 5,
                                   "property": "column-5",
-                                  "rowIndex": 7,
-                                }
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
                               }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                ]
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
                               }
-                              rowData={
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
                                   "branches": Object {
                                     "formatters": Array [],
@@ -99498,7 +99300,7 @@ exports[`Simple Actions table 1`] = `
                                     },
                                     "title": "one",
                                   },
-                                  "id": 7,
+                                  "id": 3,
                                   "isExpanded": undefined,
                                   "isFirst": false,
                                   "isFirstVisible": false,
@@ -99528,946 +99330,2987 @@ exports[`Simple Actions table 1`] = `
                                   },
                                 }
                               }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
                                 }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-227"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
                               >
-                                <DropdownWithContext
-                                  autoFocus={true}
+                                <BaseTableBodyRowBase
                                   className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-227"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-227"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={0}
-                                        onClick={[Function]}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
                                       >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={1}
-                                        onClick={[Function]}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
                                       >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={3}
-                                        onClick={[Function]}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
                                       >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-8"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-7"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-8"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-7"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
                                     >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-7"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-8"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-7"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-7"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-3"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": undefined,
+                                                  "actions": Array [
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Some action",
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": <div>
+                                                        Another action
+                                                      </div>,
+                                                    },
+                                                    Object {
+                                                      "isSeparator": true,
+                                                      "onClick": null,
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Third action",
+                                                    },
+                                                  ],
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": undefined,
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 3,
+                                            }
+                                          }
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 3,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
                                         >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                onToggle={[Function]}
+                                              />
+                                            }
                                           >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  onToggle={[Function]}
+                                                />
                                               }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
                                             >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-4"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-3"
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-4"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-3"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-3"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-4"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-3"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-3"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
                               Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
                               Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-229"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-229"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-229"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-4"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": undefined,
+                                                  "actions": Array [
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Some action",
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": <div>
+                                                        Another action
+                                                      </div>,
+                                                    },
+                                                    Object {
+                                                      "isSeparator": true,
+                                                      "onClick": null,
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Third action",
+                                                    },
+                                                  ],
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": undefined,
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 4,
+                                            }
+                                          }
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 4,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                onToggle={[Function]}
+                                              />
+                                            }
+                                          >
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  onToggle={[Function]}
+                                                />
+                                              }
+                                            >
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-5"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-4"
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-5"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-4"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-4"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-5"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-4"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-4"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
                               Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
                               Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-119"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-8"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "property": "column-5",
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
                                     "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
+                                      "isVisible": true,
                                     },
+                                    "title": "four",
                                   },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 8,
                                 }
                               }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-231"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-231"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-231"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-5"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": undefined,
+                                                  "actions": Array [
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Some action",
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": <div>
+                                                        Another action
+                                                      </div>,
+                                                    },
+                                                    Object {
+                                                      "isSeparator": true,
+                                                      "onClick": null,
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Third action",
+                                                    },
+                                                  ],
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": undefined,
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 5,
+                                            }
+                                          }
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 5,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                onToggle={[Function]}
+                                              />
+                                            }
+                                          >
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  onToggle={[Function]}
+                                                />
+                                              }
+                                            >
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-6"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-5"
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-6"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-5"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-5"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-6"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-5"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-5"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
                                   },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
                                   },
-                                ]
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
                               }
-                              rowData={
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
                                   "branches": Object {
                                     "formatters": Array [],
@@ -100490,7 +102333,7 @@ exports[`Simple Actions table 1`] = `
                                     },
                                     "title": "one",
                                   },
-                                  "id": 8,
+                                  "id": 6,
                                   "isExpanded": undefined,
                                   "isFirst": false,
                                   "isFirstVisible": false,
@@ -100520,949 +102363,1976 @@ exports[`Simple Actions table 1`] = `
                                   },
                                 }
                               }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
                                 }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-233"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
                               >
-                                <DropdownWithContext
-                                  autoFocus={true}
+                                <BaseTableBodyRowBase
                                   className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
+                                  data-ouia-component-id="OUIA-Generated-TableRow-233"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
                                 >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-9"
-                                    data-ouia-component-type="PF4/Dropdown"
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-233"
+                                    data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
                                   >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-8"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-9"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-8"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
                                     >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-8"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-9"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-8"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-8"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-6"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": undefined,
+                                                  "actions": Array [
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Some action",
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": <div>
+                                                        Another action
+                                                      </div>,
+                                                    },
+                                                    Object {
+                                                      "isSeparator": true,
+                                                      "onClick": null,
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Third action",
+                                                    },
+                                                  ],
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": undefined,
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 6,
+                                            }
+                                          }
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 6,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                onToggle={[Function]}
+                                              />
+                                            }
+                                          >
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  onToggle={[Function]}
+                                                />
+                                              }
+                                            >
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-7"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-6"
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-7"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-6"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-6"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-7"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-6"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-6"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
                               Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
                               Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
-                        },
-                      ]
-                    }
-                    key="9-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "disableActions": true,
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 9,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={9}
-                    rowKey="9-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "disableActions": true,
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 9,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 9,
-                          "rowKey": "9-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-120"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-9"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-9"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-9"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-9"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-9"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-9"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "property": "column-5",
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
                                     "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-235"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-235"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-235"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-7"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": undefined,
+                                                  "actions": Array [
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Some action",
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": <div>
+                                                        Another action
+                                                      </div>,
+                                                    },
+                                                    Object {
+                                                      "isSeparator": true,
+                                                      "onClick": null,
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Third action",
+                                                    },
+                                                  ],
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": undefined,
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 7,
+                                            }
+                                          }
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 7,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                onToggle={[Function]}
+                                              />
+                                            }
+                                          >
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  onToggle={[Function]}
+                                                />
+                                              }
+                                            >
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-8"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-7"
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-8"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-7"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-7"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-8"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-7"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-7"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
                                   },
-                                  "columnIndex": 5,
                                   "property": "column-5",
-                                  "rowIndex": 9,
-                                }
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
                               }
-                              isDisabled={true}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                ]
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
                               }
-                              rowData={
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
                                   "branches": Object {
                                     "formatters": Array [],
@@ -101478,7 +104348,6 @@ exports[`Simple Actions table 1`] = `
                                     "four",
                                     "five",
                                   ],
-                                  "disableActions": true,
                                   "header-cell": Object {
                                     "formatters": Array [],
                                     "props": Object {
@@ -101486,13 +104355,13 @@ exports[`Simple Actions table 1`] = `
                                     },
                                     "title": "one",
                                   },
-                                  "id": 9,
+                                  "id": 8,
                                   "isExpanded": undefined,
                                   "isFirst": false,
                                   "isFirstVisible": false,
                                   "isHeightAuto": false,
-                                  "isLast": true,
-                                  "isLastVisible": true,
+                                  "isLast": false,
+                                  "isLastVisible": false,
                                   "last-commit": Object {
                                     "formatters": Array [],
                                     "props": Object {
@@ -101516,251 +104385,1541 @@ exports[`Simple Actions table 1`] = `
                                   },
                                 }
                               }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
                             >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-237"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-237"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-237"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
                                       data-key={0}
-                                      onClick={[Function]}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
                                     >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={1}
-                                      onClick={[Function]}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
                                     >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={3}
-                                      onClick={[Function]}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-8"
                                     >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": undefined,
+                                                  "actions": Array [
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Some action",
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": <div>
+                                                        Another action
+                                                      </div>,
+                                                    },
+                                                    Object {
+                                                      "isSeparator": true,
+                                                      "onClick": null,
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Third action",
+                                                    },
+                                                  ],
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": undefined,
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 8,
+                                            }
+                                          }
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 8,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": false,
+                                              "isLastVisible": false,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                onToggle={[Function]}
+                                              />
+                                            }
+                                          >
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  onToggle={[Function]}
+                                                />
+                                              }
+                                            >
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-9"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-8"
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-9"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          id="pf-dropdown-toggle-id-8"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-8"
+                                                    isActive={false}
+                                                    isDisabled={false}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-9"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            id="pf-dropdown-toggle-id-8"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={false}
+                                                      id="pf-dropdown-toggle-id-8"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="9-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "disableActions": true,
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 9,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={9}
+                            rowKey="9-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "disableActions": true,
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 9,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
                                 }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={true}
-                                    onToggle={[Function]}
-                                  />
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 9,
+                                  "rowKey": "9-row",
                                 }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-239"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
                               >
-                                <DropdownWithContext
-                                  autoFocus={true}
+                                <BaseTableBodyRowBase
                                   className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
+                                  data-ouia-component-id="OUIA-Generated-TableRow-239"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-239"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-9"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={0}
-                                        onClick={[Function]}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
                                       >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-9"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={1}
-                                        onClick={[Function]}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
                                       >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-9"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-9"
+                                    >
+                                      <td
+                                        className=""
                                         data-key={3}
-                                        onClick={[Function]}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
                                       >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={true}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-10"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-9"
-                                      isDisabled={true}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-10"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              disabled=""
-                                              id="pf-dropdown-toggle-id-9"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-9"
                                     >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
+                                      <td
                                         className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-9"
-                                        isActive={false}
-                                        isDisabled={true}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-10"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                disabled=""
-                                                id="pf-dropdown-toggle-id-9"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={true}
-                                          id="pf-dropdown-toggle-id-9"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-9"
+                                    >
+                                      <td
+                                        className="pf-c-table__action"
+                                        data-key={5}
+                                        onMouseEnter={[Function]}
+                                      >
+                                        <ActionsColumn
+                                          dropdownDirection="down"
+                                          dropdownPosition="right"
+                                          extraData={
+                                            Object {
+                                              "column": Object {
+                                                "cell": Object {
+                                                  "formatters": Array [
+                                                    [Function],
+                                                  ],
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "data": undefined,
+                                                "extraParams": Object {
+                                                  "actionResolver": undefined,
+                                                  "actions": Array [
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Some action",
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": <div>
+                                                        Another action
+                                                      </div>,
+                                                    },
+                                                    Object {
+                                                      "isSeparator": true,
+                                                      "onClick": null,
+                                                    },
+                                                    Object {
+                                                      "onClick": [Function],
+                                                      "title": "Third action",
+                                                    },
+                                                  ],
+                                                  "allRowsSelected": false,
+                                                  "areActionsDisabled": undefined,
+                                                  "canSelectAll": true,
+                                                  "contentId": "expanded-content",
+                                                  "dropdownDirection": "down",
+                                                  "dropdownPosition": "right",
+                                                  "expandId": "expandable-toggle",
+                                                  "firstUserColumnIndex": 0,
+                                                  "onCollapse": undefined,
+                                                  "onExpand": undefined,
+                                                  "onRowEdit": undefined,
+                                                  "onSelect": undefined,
+                                                  "onSort": undefined,
+                                                  "rowLabeledBy": "simple-node",
+                                                  "selectVariant": "checkbox",
+                                                  "sortBy": undefined,
+                                                },
+                                                "header": Object {
+                                                  "formatters": Array [],
+                                                  "label": "",
+                                                  "transforms": Array [
+                                                    [Function],
+                                                    [Function],
+                                                    [Function],
+                                                  ],
+                                                },
+                                                "property": "column-5",
+                                                "props": Object {
+                                                  "data-key": 5,
+                                                  "data-label": "",
+                                                },
+                                              },
+                                              "columnIndex": 5,
+                                              "property": "column-5",
+                                              "rowIndex": 9,
+                                            }
+                                          }
+                                          isDisabled={true}
+                                          items={
+                                            Array [
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Some action",
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": <div>
+                                                  Another action
+                                                </div>,
+                                              },
+                                              Object {
+                                                "isSeparator": true,
+                                                "onClick": null,
+                                              },
+                                              Object {
+                                                "onClick": [Function],
+                                                "title": "Third action",
+                                              },
+                                            ]
+                                          }
+                                          rowData={
+                                            Object {
+                                              "branches": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "two",
+                                              },
+                                              "cells": Array [
+                                                "one",
+                                                "two",
+                                                "three",
+                                                "four",
+                                                "five",
+                                              ],
+                                              "disableActions": true,
+                                              "header-cell": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "one",
+                                              },
+                                              "id": 9,
+                                              "isExpanded": undefined,
+                                              "isFirst": false,
+                                              "isFirstVisible": false,
+                                              "isHeightAuto": false,
+                                              "isLast": true,
+                                              "isLastVisible": true,
+                                              "last-commit": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "five",
+                                              },
+                                              "pull-requests": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "three",
+                                              },
+                                              "workspaces": Object {
+                                                "formatters": Array [],
+                                                "props": Object {
+                                                  "isVisible": true,
+                                                },
+                                                "title": "four",
+                                              },
+                                            }
+                                          }
                                         >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
+                                          <Dropdown
+                                            direction="down"
+                                            dropdownItems={
+                                              Array [
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={0}
+                                                  onClick={[Function]}
+                                                >
+                                                  Some action
+                                                </DropdownItem>,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={1}
+                                                  onClick={[Function]}
+                                                >
+                                                  <div>
+                                                    Another action
+                                                  </div>
+                                                </DropdownItem>,
+                                                <DropdownSeparator
+                                                  data-key={2}
+                                                />,
+                                                <DropdownItem
+                                                  component="button"
+                                                  data-key={3}
+                                                  onClick={[Function]}
+                                                >
+                                                  Third action
+                                                </DropdownItem>,
+                                              ]
+                                            }
+                                            isOpen={false}
+                                            isPlain={true}
+                                            position="right"
+                                            toggle={
+                                              <KebabToggle
+                                                isDisabled={true}
+                                                onToggle={[Function]}
+                                              />
+                                            }
                                           >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
+                                            <DropdownWithContext
+                                              autoFocus={true}
+                                              className=""
+                                              direction="down"
+                                              dropdownItems={
+                                                Array [
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={0}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Some action
+                                                  </DropdownItem>,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={1}
+                                                    onClick={[Function]}
+                                                  >
+                                                    <div>
+                                                      Another action
+                                                    </div>
+                                                  </DropdownItem>,
+                                                  <DropdownSeparator
+                                                    data-key={2}
+                                                  />,
+                                                  <DropdownItem
+                                                    component="button"
+                                                    data-key={3}
+                                                    onClick={[Function]}
+                                                  >
+                                                    Third action
+                                                  </DropdownItem>,
+                                                ]
+                                              }
+                                              isGrouped={false}
+                                              isOpen={false}
+                                              isPlain={true}
+                                              menuAppendTo="inline"
+                                              onSelect={[Function]}
+                                              position="right"
+                                              toggle={
+                                                <KebabToggle
+                                                  isDisabled={true}
+                                                  onToggle={[Function]}
+                                                />
                                               }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
                                             >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                                              <div
+                                                className="pf-c-dropdown pf-m-align-right"
+                                                data-ouia-component-id="OUIA-Generated-Dropdown-10"
+                                                data-ouia-component-type="PF4/Dropdown"
+                                                data-ouia-safe={true}
+                                              >
+                                                <KebabToggle
+                                                  aria-haspopup={true}
+                                                  getMenuRef={[Function]}
+                                                  id="pf-dropdown-toggle-id-9"
+                                                  isDisabled={true}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  key=".0"
+                                                  onEnter={[Function]}
+                                                  onToggle={[Function]}
+                                                  parentRef={
+                                                    Object {
+                                                      "current": <div
+                                                        class="pf-c-dropdown pf-m-align-right"
+                                                        data-ouia-component-id="OUIA-Generated-Dropdown-10"
+                                                        data-ouia-component-type="PF4/Dropdown"
+                                                        data-ouia-safe="true"
+                                                      >
+                                                        <button
+                                                          aria-expanded="false"
+                                                          aria-haspopup="true"
+                                                          aria-label="Actions"
+                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled=""
+                                                          id="pf-dropdown-toggle-id-9"
+                                                          type="button"
+                                                        >
+                                                          <svg
+                                                            aria-hidden="true"
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style="vertical-align: -0.125em;"
+                                                            viewBox="0 0 192 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                            />
+                                                          </svg>
+                                                        </button>
+                                                      </div>,
+                                                    }
+                                                  }
+                                                >
+                                                  <Toggle
+                                                    aria-haspopup={true}
+                                                    aria-label="Actions"
+                                                    bubbleEvent={false}
+                                                    className=""
+                                                    getMenuRef={[Function]}
+                                                    id="pf-dropdown-toggle-id-9"
+                                                    isActive={false}
+                                                    isDisabled={true}
+                                                    isOpen={false}
+                                                    isPlain={true}
+                                                    isPrimary={false}
+                                                    isSplitButton={false}
+                                                    onEnter={[Function]}
+                                                    onToggle={[Function]}
+                                                    parentRef={
+                                                      Object {
+                                                        "current": <div
+                                                          class="pf-c-dropdown pf-m-align-right"
+                                                          data-ouia-component-id="OUIA-Generated-Dropdown-10"
+                                                          data-ouia-component-type="PF4/Dropdown"
+                                                          data-ouia-safe="true"
+                                                        >
+                                                          <button
+                                                            aria-expanded="false"
+                                                            aria-haspopup="true"
+                                                            aria-label="Actions"
+                                                            class="pf-c-dropdown__toggle pf-m-plain"
+                                                            disabled=""
+                                                            id="pf-dropdown-toggle-id-9"
+                                                            type="button"
+                                                          >
+                                                            <svg
+                                                              aria-hidden="true"
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style="vertical-align: -0.125em;"
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </button>
+                                                        </div>,
+                                                      }
+                                                    }
+                                                  >
+                                                    <button
+                                                      aria-expanded={false}
+                                                      aria-haspopup={true}
+                                                      aria-label="Actions"
+                                                      className="pf-c-dropdown__toggle pf-m-plain"
+                                                      disabled={true}
+                                                      id="pf-dropdown-toggle-id-9"
+                                                      onClick={[Function]}
+                                                      onKeyDown={[Function]}
+                                                      type="button"
+                                                    >
+                                                      <EllipsisVIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 192 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                          />
+                                                        </svg>
+                                                      </EllipsisVIcon>
+                                                    </button>
+                                                  </Toggle>
+                                                </KebabToggle>
+                                              </div>
+                                            </DropdownWithContext>
+                                          </Dropdown>
+                                        </ActionsColumn>
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -101827,199 +105986,68 @@ exports[`Simple table aria-label 1`] = `
       Object {
         "cells": Array [
           "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-    ]
-  }
-  selectVariant="checkbox"
-  variant={null}
->
-  <Provider
-    aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
-    columns={
-      Array [
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Header cell",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "header-cell",
-          "props": Object {
-            "data-key": 0,
-            "data-label": "Header cell",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Branches",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "branches",
-          "props": Object {
-            "data-key": 1,
-            "data-label": "Branches",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Pull requests",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "pull-requests",
-          "props": Object {
-            "data-key": 2,
-            "data-label": "Pull requests",
-          },
-        },
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+    ]
+  }
+  selectVariant="checkbox"
+  variant={null}
+>
+  <Provider
+    aria-label="Aria labeled"
+    borders={true}
+    className=""
+    columns={
+      Array [
         Object {
           "cell": Object {
             "formatters": Array [
@@ -102052,16 +106080,16 @@ exports[`Simple table aria-label 1`] = `
           },
           "header": Object {
             "formatters": Array [],
-            "label": "Workspaces",
+            "label": "Header cell",
             "transforms": Array [
               [Function],
               [Function],
             ],
           },
-          "property": "workspaces",
+          "property": "header-cell",
           "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
+            "data-key": 0,
+            "data-label": "Header cell",
           },
         },
         Object {
@@ -102096,486 +106124,208 @@ exports[`Simple table aria-label 1`] = `
           },
           "header": Object {
             "formatters": Array [],
-            "label": "Last Commit",
+            "label": "Branches",
             "transforms": Array [
               [Function],
               [Function],
             ],
           },
-          "property": "last-commit",
+          "property": "branches",
           "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-3"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-3"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-            >
-              <thead
-                className=""
-              >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
-                    Array [
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Header cell",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "header-cell",
-                        "props": Object {
-                          "data-key": 0,
-                          "data-label": "Header cell",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Branches",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "branches",
-                        "props": Object {
-                          "data-key": 1,
-                          "data-label": "Branches",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Pull requests",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 2,
-                          "data-label": "Pull requests",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
+            "data-key": 1,
+            "data-label": "Branches",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Pull requests",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "pull-requests",
+          "props": Object {
+            "data-key": 2,
+            "data-label": "Pull requests",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-6"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
+              headerRows={null}
+            >
+              <Header
+                className=""
+                headerRows={null}
+              >
+                <BaseHeader
+                  className=""
+                  columns={
+                    Array [
                       Object {
                         "cell": Object {
                           "formatters": Array [
@@ -102590,1380 +106340,686 @@ exports[`Simple table aria-label 1`] = `
                           "actionResolver": undefined,
                           "actions": undefined,
                           "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Header cell
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Header cell
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -104107,352 +107163,93 @@ exports[`Simple table aria-label 1`] = `
                       ],
                     },
                     "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
                     },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104460,50 +107257,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104511,50 +107266,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104562,50 +107275,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104613,71 +107284,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
                   },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104685,50 +107293,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104736,50 +107302,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104787,50 +107311,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104838,50 +107320,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104889,254 +107329,219 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -105159,10 +107564,10 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 4,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -105210,7 +107615,7 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -105261,7 +107666,7 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -105312,7 +107717,7 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -105363,13 +107768,13 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -105392,6 +107797,12 @@ exports[`Simple table aria-label 1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -105414,10 +107825,10 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -105465,7 +107876,7 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -105516,7 +107927,7 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -105567,13 +107978,13 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -105596,1564 +108007,544 @@ exports[`Simple table aria-label 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-19"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-20"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-21"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -107176,7 +108567,7 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -107204,395 +108595,160 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-22"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -107615,7 +108771,7 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -107643,395 +108799,295 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-23"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -108054,7 +109110,7 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -108082,395 +109138,262 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-24"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -108493,13 +109416,13 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -108521,15 +109444,15 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -108552,10 +109475,10 @@ exports[`Simple table aria-label 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 0,
                           "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
+                          "isFirst": true,
+                          "isFirstVisible": true,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
@@ -108580,395 +109503,313 @@ exports[`Simple table aria-label 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-25"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 1,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "five",
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -109019,547 +109860,4205 @@ exports[`Simple table aria-label 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-26"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-37"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-37"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-37"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-39"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-39"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-39"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-41"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-41"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-41"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-27"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-43"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-43"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-43"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-45"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-45"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-45"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-47"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-47"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-47"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-49"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-49"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-49"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-51"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-51"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-51"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-53"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-53"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-53"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -109683,7 +114182,8 @@ exports[`Simple table caption 1`] = `
   variant={null}
 >
   <Provider
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -109830,375 +114330,139 @@ exports[`Simple table caption 1`] = `
           "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-1"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-1"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <caption>
-        Simple Table
-      </caption>
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+  >
+    <BaseTable
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+    >
+      <BaseTableBase
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-2"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <caption>
+            Simple Table
+          </caption>
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -110422,1348 +114686,478 @@ exports[`Simple table caption 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Header cell
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
+                      <thead
                         className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
                       >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Header cell
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -111988,16 +115382,12 @@ exports[`Simple table caption 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112005,50 +115395,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112056,50 +115404,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112107,50 +115413,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112158,50 +115422,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112209,50 +115431,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112260,50 +115440,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112311,50 +115449,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112362,50 +115458,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112413,530 +115467,117 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -112959,10 +115600,10 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 2,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -113010,7 +115651,7 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -113061,7 +115702,7 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -113112,7 +115753,7 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -113163,7 +115804,7 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -113214,7 +115855,7 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -113265,13 +115906,13 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -113294,6 +115935,12 @@ exports[`Simple table caption 1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -113316,10 +115963,10 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -113367,13 +116014,13 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -113396,2003 +116043,646 @@ exports[`Simple table caption 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-1"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-2"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-3"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "id": 3,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-4"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -115415,7 +116705,7 @@ exports[`Simple table caption 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -115443,395 +116733,211 @@ exports[`Simple table caption 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-5"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -115854,7 +116960,7 @@ exports[`Simple table caption 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -115882,395 +116988,295 @@ exports[`Simple table caption 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-6"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -116293,7 +117299,7 @@ exports[`Simple table caption 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -116321,395 +117327,211 @@ exports[`Simple table caption 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-7"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -116730,45 +117552,96 @@ exports[`Simple table caption 1`] = `
                           "props": Object {
                             "isVisible": true,
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -116791,7 +117664,7 @@ exports[`Simple table caption 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -116819,395 +117692,313 @@ exports[`Simple table caption 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-8"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -117258,108 +118049,4154 @@ exports[`Simple table caption 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-9"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-1"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-1"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-1"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-3"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-3"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-3"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-5"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-5"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-5"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-7"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-7"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-7"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-9"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-9"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-9"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-11"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-11"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-11"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-13"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-13"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-13"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-15"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-15"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-15"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-17"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-17"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-17"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -117430,201 +122267,70 @@ exports[`Simple table header 1`] = `
       Object {
         "cells": Array [
           "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-    ]
-  }
-  selectVariant="checkbox"
-  variant={null}
->
-  <h4>
-    Header title
-  </h4>
-  <Provider
-    className="pf-c-table pf-m-grid-md"
-    columns={
-      Array [
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Header cell",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "header-cell",
-          "props": Object {
-            "data-key": 0,
-            "data-label": "Header cell",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Branches",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "branches",
-          "props": Object {
-            "data-key": 1,
-            "data-label": "Branches",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Pull requests",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "pull-requests",
-          "props": Object {
-            "data-key": 2,
-            "data-label": "Pull requests",
-          },
-        },
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+    ]
+  }
+  selectVariant="checkbox"
+  variant={null}
+>
+  <h4>
+    Header title
+  </h4>
+  <Provider
+    borders={true}
+    className=""
+    columns={
+      Array [
         Object {
           "cell": Object {
             "formatters": Array [
@@ -117657,16 +122363,16 @@ exports[`Simple table header 1`] = `
           },
           "header": Object {
             "formatters": Array [],
-            "label": "Workspaces",
+            "label": "Header cell",
             "transforms": Array [
               [Function],
               [Function],
             ],
           },
-          "property": "workspaces",
+          "property": "header-cell",
           "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
+            "data-key": 0,
+            "data-label": "Header cell",
           },
         },
         Object {
@@ -117701,485 +122407,205 @@ exports[`Simple table header 1`] = `
           },
           "header": Object {
             "formatters": Array [],
-            "label": "Last Commit",
+            "label": "Branches",
             "transforms": Array [
               [Function],
               [Function],
             ],
           },
-          "property": "last-commit",
+          "property": "branches",
           "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-2"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-2"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-            >
-              <thead
-                className=""
-              >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
-                    Array [
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Header cell",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "header-cell",
-                        "props": Object {
-                          "data-key": 0,
-                          "data-label": "Header cell",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Branches",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "branches",
-                        "props": Object {
-                          "data-key": 1,
-                          "data-label": "Branches",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Pull requests",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 2,
-                          "data-label": "Pull requests",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
+            "data-key": 1,
+            "data-label": "Branches",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Pull requests",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "pull-requests",
+          "props": Object {
+            "data-key": 2,
+            "data-label": "Pull requests",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+  >
+    <BaseTable
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+    >
+      <BaseTableBase
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-4"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
+              headerRows={null}
+            >
+              <Header
+                className=""
+                headerRows={null}
+              >
+                <BaseHeader
+                  className=""
+                  columns={
+                    Array [
                       Object {
                         "cell": Object {
                           "formatters": Array [
@@ -118194,1380 +122620,686 @@ exports[`Simple table header 1`] = `
                           "actionResolver": undefined,
                           "actions": undefined,
                           "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Header cell
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Header cell
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -119711,352 +123443,93 @@ exports[`Simple table header 1`] = `
                       ],
                     },
                     "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
                     },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -120064,50 +123537,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -120115,50 +123546,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -120166,50 +123555,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -120217,71 +123564,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
                   },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -120289,50 +123573,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -120340,50 +123582,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -120391,50 +123591,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -120442,50 +123600,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -120493,254 +123609,219 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -120763,10 +123844,10 @@ exports[`Simple table header 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 4,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -120814,7 +123895,7 @@ exports[`Simple table header 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -120865,7 +123946,7 @@ exports[`Simple table header 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -120916,7 +123997,7 @@ exports[`Simple table header 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -120967,13 +124048,13 @@ exports[`Simple table header 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -120996,6 +124077,12 @@ exports[`Simple table header 1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -121018,10 +124105,10 @@ exports[`Simple table header 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -121069,7 +124156,7 @@ exports[`Simple table header 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -121120,7 +124207,7 @@ exports[`Simple table header 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -121171,13 +124258,13 @@ exports[`Simple table header 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -121200,1564 +124287,544 @@ exports[`Simple table header 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-10"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-11"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-12"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -122780,7 +124847,7 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -122808,395 +124875,160 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-13"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -123219,7 +125051,7 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -123247,395 +125079,295 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-14"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -123658,7 +125390,7 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -123686,395 +125418,262 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-15"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -124097,13 +125696,13 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -124125,15 +125724,15 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -124156,10 +125755,10 @@ exports[`Simple table header 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 0,
                           "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
+                          "isFirst": true,
+                          "isFirstVisible": true,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
@@ -124184,395 +125783,313 @@ exports[`Simple table header 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-16"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 1,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "five",
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -124623,547 +126140,4205 @@ exports[`Simple table header 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-17"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-19"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-19"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-19"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-21"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-21"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-21"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-23"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-23"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-23"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-18"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-25"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-25"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-25"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-27"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-27"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-27"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-29"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-29"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-29"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-31"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-31"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-31"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-33"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-33"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-33"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-35"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-35"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-35"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -125293,7 +130468,8 @@ exports[`Sortable table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -125445,370 +130621,135 @@ exports[`Sortable table 1`] = `
             "allRowsSelected": false,
             "areActionsDisabled": undefined,
             "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": [Function],
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": Object {},
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": [Function],
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": Object {},
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-5"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-5"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": [Function],
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": Object {},
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": [Function],
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": Object {},
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-10"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -125951,1485 +130892,616 @@ exports[`Sortable table 1`] = `
                           "transforms": Array [
                             [Function],
                           ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": [Function],
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": Object {},
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": [Function],
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": Object {},
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          isSortedBy={false}
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": [Function],
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": Object {},
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": [Function],
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": Object {},
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": [Function],
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": Object {},
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": [Function],
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": Object {},
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": [Function],
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": Object {},
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": [Function],
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": Object {},
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": [Function],
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": Object {},
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          isSortedBy={false}
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -127655,424 +131727,12 @@ exports[`Sortable table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -128080,71 +131740,8 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
                   },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -128152,50 +131749,8 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -128203,101 +131758,17 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
                       "three",
                       "four",
                       "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    ],
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -128305,50 +131776,8 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -128356,50 +131785,8 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -128407,50 +131794,8 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -128458,50 +131803,8 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -128509,100 +131812,479 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "branches": Object {
@@ -129066,685 +132748,236 @@ exports[`Sortable table 1`] = `
                   ]
                 }
               >
-                <tbody
+                <BaseBody
                   className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": [Function],
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": Object {},
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": [Function],
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": Object {},
                         },
-                        "pull-requests": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-30"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": [Function],
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": Object {},
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": [Function],
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": Object {},
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": [Function],
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": Object {},
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -129767,10 +133000,10 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 1,
+                        "id": 0,
                         "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
@@ -129790,401 +133023,63 @@ exports[`Sortable table 1`] = `
                         },
                         "workspaces": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-31"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -130235,396 +133130,211 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-32"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -130647,7 +133357,7 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -130675,396 +133385,91 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-33"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
                         "cell": [Function],
                         "row": [Function],
                         "wrapper": [Function],
-                      }
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
                     }
-                    rowData={
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -131087,10 +133492,10 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 0,
                         "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
@@ -131115,396 +133520,109 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-34"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -131527,7 +133645,7 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -131555,396 +133673,211 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-35"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -131967,13 +133900,13 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -131995,15 +133928,15 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -132026,7 +133959,58 @@ exports[`Sortable table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -132054,396 +134038,313 @@ exports[`Sortable table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-36"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -132466,13 +134367,13 @@ exports[`Sortable table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 8,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
+                          "isLast": true,
+                          "isLastVisible": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -132494,548 +134395,4163 @@ exports[`Sortable table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-37"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-59"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-59"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-59"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-61"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-61"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-61"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-63"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-63"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-63"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-38"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-65"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-65"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-65"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-67"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-67"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-67"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-69"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-69"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-69"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-71"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-71"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-71"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-73"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-73"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-73"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-75"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-75"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-75"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -133163,7 +138679,8 @@ exports[`Table variants Breakpoint -  1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -133321,364 +138838,129 @@ exports[`Table variants Breakpoint -  1`] = `
             "expandId": "expandable-toggle",
             "firstUserColumnIndex": 0,
             "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-7"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table"
-      data-ouia-component-id="OUIA-Generated-Table-7"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint=""
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      borders={true}
+      className=""
+      gridBreakPoint=""
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint=""
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table"
+          data-ouia-component-id="OUIA-Generated-Table-14"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -133815,1490 +139097,621 @@ exports[`Table variants Breakpoint -  1`] = `
                       },
                       Object {
                         "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -135435,585 +139848,101 @@ exports[`Table variants Breakpoint -  1`] = `
                   },
                   Object {
                     "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "workspaces": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
                     },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
                 ]
               }
+              headerRows={null}
               onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
+              onRowClick={[Function]}
               rowKey="id"
               rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136021,50 +139950,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136072,50 +139959,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136123,50 +139968,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136174,50 +139977,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136225,50 +139986,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136276,50 +139995,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136327,50 +140004,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136378,50 +140013,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136429,46 +140022,11 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
             >
-              <BodyWrapper
+              <Body
                 className=""
                 headerRows={null}
                 mappedRows={
@@ -136934,1566 +140492,753 @@ exports[`Table variants Breakpoint -  1`] = `
                     },
                   ]
                 }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-48"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-49"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-50"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -138516,7 +141261,7 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -138544,396 +141289,211 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-51"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -138956,7 +141516,7 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -138984,396 +141544,295 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-52"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -139396,7 +141855,7 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -139424,396 +141883,7 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-53"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -139836,7 +141906,7 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -139864,396 +141934,160 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-54"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -140276,13 +142110,13 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 7,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -140304,15 +142138,15 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -140335,7 +142169,58 @@ exports[`Table variants Breakpoint -  1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -140363,396 +142248,313 @@ exports[`Table variants Breakpoint -  1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-55"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -140803,108 +142605,4163 @@ exports[`Table variants Breakpoint -  1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-56"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-95"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-95"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-95"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-97"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-97"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-97"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-99"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-99"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-99"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-101"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-101"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-101"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-103"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-103"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-103"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-105"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-105"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-105"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-107"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-107"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-107"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-109"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-109"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-109"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-111"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-111"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-111"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -141032,7 +146889,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -141258,9 +147116,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-8"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -141275,279 +147133,44 @@ exports[`Table variants Breakpoint - grid 1`] = `
     }
     role="grid"
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid"
-      data-ouia-component-id="OUIA-Generated-Table-8"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      borders={true}
+      className=""
+      gridBreakPoint="grid"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid"
+          data-ouia-component-id="OUIA-Generated-Table-16"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -141772,1402 +147395,533 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -143318,346 +148072,87 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "allRowsSelected": false,
                       "areActionsDisabled": undefined,
                       "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
                     },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -143665,50 +148160,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -143716,50 +148169,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -143767,50 +148178,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -143818,71 +148187,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
                   },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -143890,50 +148196,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -143941,50 +148205,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -143992,50 +148214,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -144043,50 +148223,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -144094,254 +148232,219 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -144364,10 +148467,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 4,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -144415,7 +148518,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -144466,7 +148569,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -144517,7 +148620,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -144568,13 +148671,13 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -144597,6 +148700,12 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -144619,10 +148728,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -144670,7 +148779,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -144721,7 +148830,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -144772,13 +148881,13 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -144801,1568 +148910,545 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-57"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-58"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-59"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -146385,7 +149471,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -146413,396 +149499,160 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-60"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -146825,7 +149675,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -146853,396 +149703,295 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-61"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -147265,7 +150014,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -147293,396 +150042,262 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-62"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -147705,13 +150320,13 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -147733,15 +150348,15 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -147764,7 +150379,58 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -147792,396 +150458,313 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-63"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "header": Object {
+                          "workspaces": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -148204,13 +150787,13 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 8,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
+                          "isLast": true,
+                          "isLastVisible": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -148232,548 +150815,4163 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-64"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-113"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-113"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-113"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-115"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-115"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-115"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-117"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-117"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-117"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-65"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-119"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-119"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-119"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-121"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-121"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-121"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-123"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-123"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-123"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-125"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-125"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-125"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-127"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-127"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-127"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-129"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-129"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-129"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -148901,7 +155099,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-2xl"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -149059,364 +155258,129 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
             "expandId": "expandable-toggle",
             "firstUserColumnIndex": 0,
             "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-12"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-2xl"
-      data-ouia-component-id="OUIA-Generated-Table-12"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-2xl"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      borders={true}
+      className=""
+      gridBreakPoint="grid-2xl"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-2xl"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-2xl"
+          data-ouia-component-id="OUIA-Generated-Table-24"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -149553,1490 +155517,621 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       },
                       Object {
                         "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -151173,585 +156268,101 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                   },
                   Object {
                     "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "workspaces": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
                     },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
                 ]
               }
+              headerRows={null}
               onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
+              onRowClick={[Function]}
               rowKey="id"
               rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -151759,50 +156370,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -151810,50 +156379,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -151861,50 +156388,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -151912,50 +156397,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -151963,50 +156406,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -152014,50 +156415,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -152065,50 +156424,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -152116,50 +156433,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -152167,46 +156442,11 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
             >
-              <BodyWrapper
+              <Body
                 className=""
                 headerRows={null}
                 mappedRows={
@@ -152672,1566 +156912,753 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                     },
                   ]
                 }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-93"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-94"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-95"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -154254,7 +157681,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -154282,396 +157709,211 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-96"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -154694,7 +157936,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -154722,396 +157964,295 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-97"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -155134,7 +158275,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -155162,396 +158303,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-98"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -155574,7 +158326,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -155602,396 +158354,160 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-99"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -156014,13 +158530,13 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 7,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -156042,15 +158558,15 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -156073,7 +158589,58 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -156101,396 +158668,313 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-100"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -156541,108 +159025,4163 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-101"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-185"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-185"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-185"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-187"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-187"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-187"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-189"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-189"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-189"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-191"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-191"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-191"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-193"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-193"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-193"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-195"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-195"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-195"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-197"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-197"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-197"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-199"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-199"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-199"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-201"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-201"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-201"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -156770,7 +163309,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-lg"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -156996,9 +163536,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-10"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-lg"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -157013,279 +163553,44 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
     }
     role="grid"
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-lg"
-      data-ouia-component-id="OUIA-Generated-Table-10"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      borders={true}
+      className=""
+      gridBreakPoint="grid-lg"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-lg"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-lg"
+          data-ouia-component-id="OUIA-Generated-Table-20"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -157510,1402 +163815,533 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -159056,346 +164492,87 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "allRowsSelected": false,
                       "areActionsDisabled": undefined,
                       "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
                     },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159403,50 +164580,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159454,50 +164589,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159505,50 +164598,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159556,71 +164607,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
                   },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159628,50 +164616,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159679,50 +164625,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159730,50 +164634,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159781,50 +164643,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159832,254 +164652,219 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -160102,10 +164887,10 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 4,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -160153,7 +164938,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -160204,7 +164989,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -160255,7 +165040,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -160306,13 +165091,13 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -160335,6 +165120,12 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -160357,10 +165148,10 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -160408,7 +165199,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -160459,7 +165250,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -160510,13 +165301,13 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -160539,1568 +165330,545 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-75"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-76"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-77"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -162123,7 +165891,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -162151,396 +165919,160 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-78"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -162563,7 +166095,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -162591,396 +166123,295 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-79"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -163003,7 +166434,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -163031,396 +166462,262 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-80"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -163443,13 +166740,13 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -163471,15 +166768,15 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -163502,7 +166799,58 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -163530,396 +166878,313 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-81"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "header": Object {
+                          "workspaces": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -163942,13 +167207,13 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 8,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
+                          "isLast": true,
+                          "isLastVisible": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -163970,548 +167235,4163 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-82"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-149"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-149"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-149"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-151"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-151"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-151"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-153"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-153"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-153"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-83"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-155"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-155"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-155"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-157"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-157"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-157"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-159"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-159"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-159"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-161"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-161"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-161"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-163"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-163"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-163"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-165"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-165"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-165"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -164639,7 +171519,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -164797,364 +171678,129 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
             "expandId": "expandable-toggle",
             "firstUserColumnIndex": 0,
             "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-9"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-9"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-18"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -165291,1490 +171937,621 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       },
                       Object {
                         "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -166911,585 +172688,101 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   Object {
                     "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "workspaces": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
                     },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
                 ]
               }
+              headerRows={null}
               onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
+              onRowClick={[Function]}
               rowKey="id"
               rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167497,50 +172790,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167548,50 +172799,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167599,50 +172808,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167650,50 +172817,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167701,50 +172826,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167752,50 +172835,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167803,50 +172844,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167854,50 +172853,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167905,46 +172862,11 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
             >
-              <BodyWrapper
+              <Body
                 className=""
                 headerRows={null}
                 mappedRows={
@@ -168410,1566 +173332,753 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     },
                   ]
                 }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-66"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-67"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-68"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -169992,7 +174101,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -170020,396 +174129,211 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-69"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -170432,7 +174356,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -170460,396 +174384,295 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-70"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -170872,7 +174695,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -170900,396 +174723,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-71"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -171312,7 +174746,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -171340,396 +174774,160 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-72"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -171752,13 +174950,13 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 7,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -171780,15 +174978,15 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -171811,7 +175009,58 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -171839,396 +175088,313 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-73"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -172279,108 +175445,4163 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-74"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-131"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-131"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-131"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-133"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-133"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-133"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-135"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-135"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-135"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-137"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-137"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-137"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-139"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-139"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-139"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-141"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-141"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-141"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-143"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-143"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-143"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-145"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-145"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-145"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-147"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-147"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-147"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -172508,7 +179729,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-xl"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -172734,9 +179956,9 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-11"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-xl"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -172751,279 +179973,44 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
     }
     role="grid"
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-xl"
-      data-ouia-component-id="OUIA-Generated-Table-11"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      borders={true}
+      className=""
+      gridBreakPoint="grid-xl"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-xl"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-xl"
+          data-ouia-component-id="OUIA-Generated-Table-22"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -173248,1402 +180235,533 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -174794,346 +180912,87 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "allRowsSelected": false,
                       "areActionsDisabled": undefined,
                       "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
                     },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175141,50 +181000,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175192,50 +181009,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175243,50 +181018,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175294,71 +181027,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
                   },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175366,50 +181036,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175417,50 +181045,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175468,50 +181054,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175519,50 +181063,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175570,254 +181072,219 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -175840,10 +181307,10 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 4,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -175891,7 +181358,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -175942,7 +181409,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -175993,7 +181460,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -176044,13 +181511,13 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -176073,6 +181540,12 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -176095,10 +181568,10 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -176146,7 +181619,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -176197,7 +181670,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -176248,13 +181721,13 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -176277,1568 +181750,545 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-84"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-85"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-86"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -177861,7 +182311,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -177889,396 +182339,160 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-87"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -178301,7 +182515,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -178329,396 +182543,295 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-88"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -178741,7 +182854,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -178769,396 +182882,262 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-89"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -179181,13 +183160,13 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -179209,15 +183188,15 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -179240,7 +183219,58 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -179268,396 +183298,313 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-90"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "header": Object {
+                          "workspaces": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -179680,13 +183627,13 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 8,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
+                          "isLast": true,
+                          "isLastVisible": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -179708,548 +183655,4163 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-91"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-167"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-167"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-167"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-169"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-169"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-169"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-171"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-171"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-171"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-92"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-173"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-173"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-173"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-175"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-175"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-175"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-177"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-177"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-177"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-179"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-179"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-179"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-181"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-181"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-181"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-183"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-183"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-183"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -180377,7 +187939,8 @@ exports[`Table variants Size - compact 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md pf-m-compact"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -180535,364 +188098,129 @@ exports[`Table variants Size - compact 1`] = `
             "expandId": "expandable-toggle",
             "firstUserColumnIndex": 0,
             "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-13"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md pf-m-compact"
-      data-ouia-component-id="OUIA-Generated-Table-13"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-26"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -181029,1490 +188357,621 @@ exports[`Table variants Size - compact 1`] = `
                       },
                       Object {
                         "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -182649,585 +189108,101 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   Object {
                     "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "workspaces": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
                     },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
                 ]
               }
+              headerRows={null}
               onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
+              onRowClick={[Function]}
               rowKey="id"
               rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183235,50 +189210,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183286,50 +189219,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183337,50 +189228,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183388,50 +189237,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183439,50 +189246,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183490,50 +189255,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183541,50 +189264,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183592,50 +189273,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183643,46 +189282,11 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
             >
-              <BodyWrapper
+              <Body
                 className=""
                 headerRows={null}
                 mappedRows={
@@ -184148,1566 +189752,753 @@ exports[`Table variants Size - compact 1`] = `
                     },
                   ]
                 }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-102"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-103"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-104"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -185730,7 +190521,7 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -185758,396 +190549,211 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-105"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -186170,7 +190776,7 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -186198,396 +190804,295 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-106"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -186610,7 +191115,7 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -186638,396 +191143,7 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-107"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -187050,7 +191166,7 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -187078,396 +191194,160 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-108"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -187490,13 +191370,13 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 7,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -187518,15 +191398,15 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -187549,7 +191429,58 @@ exports[`Table variants Size - compact 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -187577,396 +191508,313 @@ exports[`Table variants Size - compact 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-109"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -188017,108 +191865,4163 @@ exports[`Table variants Size - compact 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-110"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-203"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-203"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-203"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-205"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-205"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-205"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-207"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-207"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-207"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-209"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-209"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-209"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-211"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-211"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-211"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-213"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-213"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-213"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-215"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-215"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-215"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-217"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-217"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-217"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-219"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-219"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-219"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        one
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        two
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        three
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        four
+                                      </td>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <td
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                      >
+                                        five
+                                      </td>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index 0c27550b103..b466985cdf8 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -326,7 +326,7 @@ ComposableTableBasic = () => {
     <BaseTable aria-label="Simple Table">
       <BaseTableHead noWrap>
         <BaseTableHeaderRow>
-          <BaseHeaderCell dataKey={0} dataLabel={columns[0]}>
+          <BaseHeaderCell columnIndex={0} dataLabel={columns[0]}>
             <HeaderCellInfoWrapper
               variant="tooltip"
               info="More information about repositories"
@@ -338,10 +338,10 @@ ComposableTableBasic = () => {
               {columns[0]}
             </HeaderCellInfoWrapper>
           </BaseHeaderCell>
-          <BaseHeaderCell dataKey={1} dataLabel={columns[0]}>
+          <BaseHeaderCell columnIndex={1} dataLabel={columns[0]}>
             {columns[1]}
           </BaseHeaderCell>
-          <BaseHeaderCell dataKey={2} dataLabel={columns[2]}>
+          <BaseHeaderCell columnIndex={2} dataLabel={columns[2]}>
             <HeaderCellInfoWrapper
               variant="popover"
               info={
@@ -358,10 +358,10 @@ ComposableTableBasic = () => {
               {columns[2]}
             </HeaderCellInfoWrapper>
           </BaseHeaderCell>
-          <BaseHeaderCell dataKey={3} dataLabel={columns[3]}>
+          <BaseHeaderCell columnIndex={3} dataLabel={columns[3]}>
             {columns[3]}
           </BaseHeaderCell>
-          <BaseHeaderCell dataKey={4} dataLabel={columns[4]} textCenter>
+          <BaseHeaderCell columnIndex={4} dataLabel={columns[4]} textCenter>
             {columns[4]}
           </BaseHeaderCell>
         </BaseTableHeaderRow>
@@ -387,7 +387,7 @@ ComposableTableBasic = () => {
                 return (
                   <BaseBodyCell
                     key={`${rowIndex}_${cellIndex}`}
-                    dataKey={cellIndex}
+                    columnIndex={cellIndex}
                     dataLabel={columns[cellIndex]}
                     textCenter={cellIndex === row.length - 1}
                     {...((cellConfig && cellConfig.props) || {})}
@@ -556,36 +556,24 @@ ComposableTableSortable = () => {
     ['a', 'two', 'k', 'four', 'five'],
     ['p', 'two', 'b', 'four', 'five']
   ]);
-  const [sortedBy, setSortedBy] = React.useState(-1);
-  const [sortDirection, setSortDirection] = React.useState(['none', 'none', 'none', 'none', 'none']);
-  const onSort = index => {
-    // changes the active selected style
-    setSortedBy(index);
-    // changes the sort direction
-    const updatedSortDirection = sortDirection.map((dir, sortIndex) => {
-      if (sortIndex === index) {
-        if (dir === 'asc') {
-          return 'desc';
-        } else if (dir === 'desc') {
-          return 'asc';
-        }
-        return 'asc';
-      } else {
-        return 'none';
-      }
-    });
-    setSortDirection(updatedSortDirection);
+  // index of the currently active column
+  const [activeSortIndex, setActiveSortIndex] = React.useState(-1);
+  // sort direction of the currently active column
+  const [activeSortDirection, setActiveSortDirection] = React.useState('none');
+  const onSort = (event, index, direction, extraData) => {
+    setActiveSortIndex(index);
+    setActiveSortDirection(direction);
     // sorts the row data
     const updatedData = data.sort((a, b) => {
       if (typeof a[index] === 'number') {
         // numeric sort
-        if (updatedSortDirection[index] === 'asc') {
+        if (direction === 'asc') {
           return a[index] - b[index];
         }
         return b[index] - a[index];
       } else {
         // string sort
-        if (updatedSortDirection[index] === 'asc') {
+        if (direction === 'asc') {
           return a[index].localeCompare(b[index]);
         }
         return b[index].localeCompare(a[index]);
@@ -598,30 +586,32 @@ ComposableTableSortable = () => {
       <BaseTableHead>
         <BaseTableHeaderRow>
           <BaseHeaderCell
-            dataKey={0}
-            sortable
-            active={sortedBy === 0}
-            sortDirection={sortDirection[0]}
-            onSort={() => onSort(0)}
+            columnIndex={0}
+            activeSortIndex={activeSortIndex}
+            activeSortDirection={activeSortDirection}
+            onSort={onSort}
           >
             {columns[0]}
           </BaseHeaderCell>
+          <BaseHeaderCell columnIndex={1}>{columns[1]}</BaseHeaderCell>
           <BaseHeaderCell
-            dataKey={1}
+            columnIndex={2}
+            activeSortIndex={activeSortIndex}
+            activeSortDirection={activeSortDirection}
+            onSort={onSort}
           >
-            {columns[1]}
+            {columns[2]}
+          </BaseHeaderCell>
+          <BaseHeaderCell columnIndex={3} modifier="wrap">
+            {columns[3]}
           </BaseHeaderCell>
           <BaseHeaderCell
-            dataKey={2}
-            sortable
-            active={sortedBy === 2}
-            sortDirection={sortDirection[2]}
-            onSort={() => onSort(2)}
+            columnIndex={4}
+            modifier="wrap"
+            activeSortIndex={activeSortIndex}
+            activeSortDirection={activeSortDirection}
+            onSort={onSort}
           >
-            {columns[2]}
-          </BaseHeaderCell>
-          <BaseHeaderCell dataKey={3} modifier="wrap">{columns[3]}</BaseHeaderCell>
-          <BaseHeaderCell dataKey={4} modifier="wrap">
             {columns[4]}
           </BaseHeaderCell>
         </BaseTableHeaderRow>
@@ -630,7 +620,7 @@ ComposableTableSortable = () => {
         {data.map((row, rowIndex) => (
           <BaseTableBodyRow key={rowIndex}>
             {row.map((cell, cellIndex) => (
-              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} dataKey={cellIndex} dataLabel={columns[cellIndex]}>
+              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
                 {cell}
               </BaseBodyCell>
             ))}
@@ -740,6 +730,101 @@ class SelectableTable extends React.Component {
 }
 ```
 
+### Composable: Selectable
+
+```js
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  HeaderCellInfoWrapper
+} from '@patternfly/react-table';
+
+ComposableTableSelectable = () => {
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit'
+  ]);
+  const [data, setData] = React.useState([
+    ['one', 'two', 'a', 'four', 'five'],
+    ['a', 'two', 'k', 'four', 'five'],
+    ['p', 'two', 'b', 'four', 'five']
+  ]);
+  const [allRowsSelected, setAllRowsSelected] = React.useState(false);
+  const [selected, setSelected] = React.useState(data.map(row => false));
+  const onSelect = (event, isSelected, rowId, rowData, extraData) => {
+    setSelected(selected.map((sel, index) => (index === rowId ? isSelected : sel)));
+    if (!isSelected && allRowsSelected) {
+      setAllRowsSelected(false);
+    } else if (isSelected && !allRowsSelected) {
+      let allSelected = true;
+      for (let i = 0; i < selected.length; i++) {
+        if (i !== rowId) {
+          if (!selected[i]) {
+            allSelected = false;
+          }
+        }
+      }
+      if (allSelected) {
+        setAllRowsSelected(true);
+      }
+    }
+  };
+  const onSelectAll = (event, isSelected, rowId, rowData, extraData) => {
+    setAllRowsSelected(isSelected);
+    setSelected(selected.map(sel => isSelected));
+  };
+  return (
+    <BaseTable aria-label="Selectable Table">
+      <BaseTableHead>
+        <BaseTableHeaderRow>
+          <BaseHeaderCell columnIndex={0} onSelect={onSelectAll} allRowsSelected={allRowsSelected} />
+          <BaseHeaderCell columnIndex={1}>{columns[0]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={2}>{columns[1]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={3}>{columns[2]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={4}>{columns[3]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={5}>{columns[4]}</BaseHeaderCell>
+        </BaseTableHeaderRow>
+      </BaseTableHead>
+      <BaseTableBody>
+        {data.map((row, rowIndex) => (
+          <BaseTableBodyRow key={rowIndex}>
+            <BaseBodyCell
+              key={`${rowIndex}_0`}
+              columnIndex={0}
+              rowIndex={rowIndex}
+              onSelect={onSelect}
+              isSelected={selected[rowIndex]}
+              disableSelection={rowIndex === 1}
+            />
+            {row.map((cell, cellIndex) => {
+              const shiftedIndex = cellIndex + 1;
+              return (
+                <BaseBodyCell
+                  key={`${rowIndex}_${shiftedIndex}`}
+                  columnIndex={shiftedIndex}
+                  dataLabel={columns[cellIndex]}
+                >
+                  {cell}
+                </BaseBodyCell>
+              );
+            })}
+          </BaseTableBodyRow>
+        ))}
+      </BaseTableBody>
+    </BaseTable>
+  );
+};
+```
+
 ### Selectable radio input
 
 ```js
@@ -820,6 +905,82 @@ class SelectableTable extends React.Component {
 }
 ```
 
+### Composable: Selectable radio input
+
+```js
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  HeaderCellInfoWrapper
+} from '@patternfly/react-table';
+
+ComposableTableSelectableRadio = () => {
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit'
+  ]);
+  const [data, setData] = React.useState([
+    ['one', 'two', 'a', 'four', 'five'],
+    ['a', 'two', 'k', 'four', 'five'],
+    ['p', 'two', 'b', 'four', 'five']
+  ]);
+  const [selected, setSelected] = React.useState(-1);
+  const onSelect = (event, isSelected, rowId, rowData, extraData) => {
+    setSelected(rowId);
+  };
+  return (
+    <BaseTable aria-label="Selectable Table">
+      <BaseTableHead>
+        <BaseTableHeaderRow>
+          <BaseHeaderCell columnIndex={0} />
+          <BaseHeaderCell columnIndex={1}>{columns[0]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={2}>{columns[1]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={3}>{columns[2]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={4}>{columns[3]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={5}>{columns[4]}</BaseHeaderCell>
+        </BaseTableHeaderRow>
+      </BaseTableHead>
+      <BaseTableBody>
+        {data.map((row, rowIndex) => (
+          <BaseTableBodyRow key={rowIndex}>
+            <BaseBodyCell
+              key={`${rowIndex}_0`}
+              columnIndex={0}
+              rowIndex={rowIndex}
+              onSelect={onSelect}
+              isSelected={selected === rowIndex}
+              disableSelection={rowIndex === 1}
+              selectVariant="radio"
+            />
+            {row.map((cell, cellIndex) => {
+              const shiftedIndex = cellIndex + 1;
+              return (
+                <BaseBodyCell
+                  key={`${rowIndex}_${shiftedIndex}`}
+                  columnIndex={shiftedIndex}
+                  dataLabel={columns[cellIndex]}
+                >
+                  {cell}
+                </BaseBodyCell>
+              );
+            })}
+          </BaseTableBodyRow>
+        ))}
+      </BaseTableBody>
+    </BaseTable>
+  );
+};
+```
+
 ### Simple actions
 
 ```js
@@ -977,6 +1138,108 @@ class ActionsTable extends React.Component {
 }
 ```
 
+### Composable: Actions
+
+```js
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  HeaderCellInfoWrapper
+} from '@patternfly/react-table';
+
+ComposableTableActions = () => {
+  const defaultActions = [
+    {
+      title: 'Some action',
+      onClick: (event, rowId, rowData, extra) => console.log('clicked on Some action, on row: ', rowId)
+    },
+    {
+      title: <a href="https://www.patternfly.org">Link action</a>
+    },
+    {
+      isSeparator: true
+    },
+    {
+      title: 'Third action',
+      onClick: (event, rowId, rowData, extra) => console.log('clicked on Third action, on row: ', rowId)
+    }
+  ];
+  const lastRowActions = [
+    {
+      title: 'Some action',
+      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Some action, on row ${rowId}`)
+    },
+    {
+      title: <div>Another action</div>,
+      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Another action, on row ${rowId}`)
+    },
+    {
+      isSeparator: true
+    },
+    {
+      title: 'Third action',
+      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Third action, on row ${rowId}`)
+    }
+  ];
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit'
+  ]);
+  const [data, setData] = React.useState([
+    ['one', 'two', 'a', 'four', 'five'],
+    ['a', 'two', 'k', 'four', 'five'],
+    ['p', 'two', 'b', 'four', 'five'],
+    ['4', '2', 'b', 'four', 'five'],
+    ['5', '2', 'b', 'four', 'five']
+  ]);
+  const [selected, setSelected] = React.useState(-1);
+  const onSelect = (event, isSelected, rowId, rowData, extraData) => {
+    setSelected(rowId);
+  };
+  return (
+    <BaseTable aria-label="Actions Table">
+      <BaseTableHead>
+        <BaseTableHeaderRow>
+          <BaseHeaderCell columnIndex={0}>{columns[0]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={1}>{columns[1]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={2}>{columns[2]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={3}>{columns[3]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={4}>{columns[4]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={5} />
+        </BaseTableHeaderRow>
+      </BaseTableHead>
+      <BaseTableBody>
+        {data.map((row, rowIndex) => (
+          <BaseTableBodyRow key={rowIndex}>
+            {row.map((cell, cellIndex) => (
+              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
+                {cell}
+              </BaseBodyCell>
+            ))}
+            <BaseBodyCell
+              key={`${rowIndex}_5`}
+              columnIndex={5}
+              rowIndex={rowIndex}
+              actions={rowIndex === 1 ? null : rowIndex === 4 ? lastRowActions : defaultActions}
+              actionsDisabled={rowIndex === 3}
+            />
+          </BaseTableBodyRow>
+        ))}
+      </BaseTableBody>
+    </BaseTable>
+  );
+};
+```
+
 ### First cell as header
 
 ```js
diff --git a/packages/react-table/src/components/Table/examples/new.html b/packages/react-table/src/components/Table/examples/new.html
deleted file mode 100644
index 2fbcc3dbeef..00000000000
--- a/packages/react-table/src/components/Table/examples/new.html
+++ /dev/null
@@ -1,90 +0,0 @@
-<table
-  aria-label="Simple Table"
-  role="grid"
-  class="pf-c-table pf-m-grid-md"
-  data-ouia-component-type="PF4/Table"
-  data-ouia-safe="true"
-  data-ouia-component-id="OUIA-Generated-Table-3"
->
-  <thead class="pf-m-nowrap">
-    <tr>
-      <th scope="col" data-label="Repositories" data-key="0" class="">
-        <div class="pf-c-table__column-help repositories-info-tip">
-          Repositories<span class="pf-c-table__column-help-action"
-            ><button
-              aria-describedby="pf-tooltip-2"
-              aria-disabled="false"
-              aria-label="More information about repositories"
-              class="pf-c-button pf-m-plain"
-              type="button"
-              data-ouia-component-type="PF4/Button"
-              data-ouia-safe="true"
-              data-ouia-component-id="OUIA-Generated-Button-plain-9"
-            >
-              <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 1024 1024" aria-hidden="true" role="img">
-                <path
-                  d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
-                ></path>
-              </svg></button
-          ></span>
-        </div>
-      </th>
-      <th scope="col" data-label="Repositories" data-key="1" class="">Branches</th>
-      <th scope="col" data-label="Pull requests" data-key="2" class="">
-        <div class="pf-c-table__column-help">
-          Pull requests<span class="pf-c-table__column-help-action"
-            ><button
-              aria-disabled="false"
-              aria-label="More information on pull requests"
-              class="pf-c-button pf-m-plain"
-              type="button"
-              data-ouia-component-type="PF4/Button"
-              data-ouia-safe="true"
-              data-ouia-component-id="OUIA-Generated-Button-plain-10"
-            >
-              <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 1024 1024" aria-hidden="true" role="img">
-                <path
-                  d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
-                ></path>
-              </svg></button
-          ></span>
-        </div>
-      </th>
-      <th scope="col" data-label="Workspaces" data-key="3" class="">Workspaces</th>
-      <th scope="col" data-label="Last commit" data-key="4" class="pf-m-center">Last commit</th>
-    </tr>
-  </thead>
-  <tbody role="rowgroup">
-    <tr
-      data-ouia-component-type="PF4/TableRow"
-      data-ouia-safe="true"
-      data-ouia-component-id="OUIA-Generated-TableRow-7"
-    >
-      <td data-label="Repositories" data-key="0" class="">one</td>
-      <td data-label="Branches" data-key="1" class="">two</td>
-      <td data-label="Pull requests" data-key="2" class="">three</td>
-      <td data-label="Workspaces" data-key="3" class="">four</td>
-      <td data-label="Last commit" data-key="4" class="pf-m-center">five</td>
-    </tr>
-    <tr
-      data-ouia-component-type="PF4/TableRow"
-      data-ouia-safe="true"
-      data-ouia-component-id="OUIA-Generated-TableRow-8"
-    >
-      <td data-label="Repositories" data-key="0" class="" title="hover title" colspan="3"><div>one - 2</div></td>
-      <td data-label="Workspaces" data-key="3" class="">four - 2</td>
-      <td data-label="Last commit" data-key="4" class="pf-m-center">five - 2</td>
-    </tr>
-    <tr
-      data-ouia-component-type="PF4/TableRow"
-      data-ouia-safe="true"
-      data-ouia-component-id="OUIA-Generated-TableRow-9"
-    >
-      <td data-label="Repositories" data-key="0" class="">one - 3</td>
-      <td data-label="Branches" data-key="1" class="">two - 3</td>
-      <td data-label="Pull requests" data-key="2" class="">three - 3</td>
-      <td data-label="Workspaces" data-key="3" class="">four - 3</td>
-      <td data-label="Last commit" data-key="4" class="">five - 3 (not centered)</td>
-    </tr>
-  </tbody>
-</table>
diff --git a/packages/react-table/src/components/Table/examples/old.html b/packages/react-table/src/components/Table/examples/old.html
deleted file mode 100644
index 460b23d6dcb..00000000000
--- a/packages/react-table/src/components/Table/examples/old.html
+++ /dev/null
@@ -1,93 +0,0 @@
-<table
-  aria-label="Simple Table"
-  role="grid"
-  class="pf-c-table pf-m-grid-md"
-  data-ouia-component-type="PF4/Table"
-  data-ouia-safe="true"
-  data-ouia-component-id="OUIA-Generated-Table-2"
->
-  <thead class="pf-m-nowrap">
-    <tr>
-      <th scope="col" data-label="Repositories" data-key="0" class="">
-        <div class="pf-c-table__column-help repositories-info-tip">
-          Repositories<span class="pf-c-table__column-help-action"
-            ><button
-              aria-describedby="pf-tooltip-1"
-              aria-disabled="false"
-              aria-label="More information about repositories"
-              class="pf-c-button pf-m-plain"
-              type="button"
-              data-ouia-component-type="PF4/Button"
-              data-ouia-safe="true"
-              data-ouia-component-id="OUIA-Generated-Button-plain-3"
-            >
-              <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 1024 1024" aria-hidden="true" role="img">
-                <path
-                  d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
-                ></path>
-              </svg></button
-          ></span>
-        </div>
-      </th>
-      <th scope="col" data-label="Branches" data-key="1" class="">Branches</th>
-      <th scope="col" data-label="Pull requests" data-key="2" class="">
-        <div class="pf-c-table__column-help">
-          Pull requests<span class="pf-c-table__column-help-action"
-            ><button
-              aria-disabled="false"
-              aria-label="More information on pull requests"
-              class="pf-c-button pf-m-plain"
-              type="button"
-              data-ouia-component-type="PF4/Button"
-              data-ouia-safe="true"
-              data-ouia-component-id="OUIA-Generated-Button-plain-4"
-            >
-              <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 1024 1024" aria-hidden="true" role="img">
-                <path
-                  d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
-                ></path>
-              </svg></button
-          ></span>
-        </div>
-      </th>
-      <th scope="col" data-label="Workspaces" data-key="3" class="">Workspaces</th>
-      <th scope="col" data-label="Last commit" data-key="4" class="pf-m-center">Last commit</th>
-    </tr>
-  </thead>
-  <tbody role="rowgroup" class="">
-    <tr
-      class=""
-      data-ouia-component-type="PF4/TableRow"
-      data-ouia-safe="true"
-      data-ouia-component-id="OUIA-Generated-TableRow-1"
-    >
-      <td data-label="Repositories" data-key="0" class="">one</td>
-      <td data-label="Branches" data-key="1" class="">two</td>
-      <td data-label="Pull requests" data-key="2" class="">three</td>
-      <td data-label="Workspaces" data-key="3" class="">four</td>
-      <td data-label="Last commit" data-key="4" class="pf-m-center">five</td>
-    </tr>
-    <tr
-      class=""
-      data-ouia-component-type="PF4/TableRow"
-      data-ouia-safe="true"
-      data-ouia-component-id="OUIA-Generated-TableRow-3"
-    >
-      <td data-label="Repositories" data-key="0" title="hover title" class="" colspan="3"><div>one - 2</div></td>
-      <td data-label="Workspaces" data-key="3" class="">four - 2</td>
-      <td data-label="Last commit" data-key="4" class="pf-m-center">five - 2</td>
-    </tr>
-    <tr
-      class=""
-      data-ouia-component-type="PF4/TableRow"
-      data-ouia-safe="true"
-      data-ouia-component-id="OUIA-Generated-TableRow-5"
-    >
-      <td data-label="Repositories" data-key="0" class="">one - 3</td>
-      <td data-label="Branches" data-key="1" class="">two - 3</td>
-      <td data-label="Pull requests" data-key="2" class="">three - 3</td>
-      <td data-label="Workspaces" data-key="3" class="">four - 3</td>
-      <td data-label="Last commit" data-key="4" class="">five - 3 (not centered)</td>
-    </tr>
-  </tbody>
-</table>
diff --git a/packages/react-table/src/components/Table/examples/original.html b/packages/react-table/src/components/Table/examples/original.html
deleted file mode 100644
index 309af912e1f..00000000000
--- a/packages/react-table/src/components/Table/examples/original.html
+++ /dev/null
@@ -1,103 +0,0 @@
-<table
-  aria-label="Simple Table"
-  role="grid"
-  class="pf-c-table pf-m-grid-md"
-  data-ouia-component-type="PF4/Table"
-  data-ouia-safe="true"
-  data-ouia-component-id="OUIA-Generated-Table-1"
->
-  <thead class="pf-m-nowrap">
-    <tr>
-      <th scope="col" data-label="Repositories" data-key="0" class="">
-        <div class="pf-c-table__column-help repositories-info-tip">
-          Repositories<span class="pf-c-table__column-help-action"
-            ><button
-              aria-describedby="pf-tooltip-9"
-              aria-disabled="false"
-              aria-label="More information about repositories"
-              class="pf-c-button pf-m-plain"
-              type="button"
-              data-ouia-component-type="PF4/Button"
-              data-ouia-safe="true"
-              data-ouia-component-id="OUIA-Generated-Button-plain-1"
-            >
-              <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 1024 1024" aria-hidden="true" role="img">
-                <path
-                  d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
-                ></path>
-              </svg></button
-          ></span>
-        </div>
-      </th>
-      <th scope="col" data-label="Branches" data-key="1" class="">Branches</th>
-      <th scope="col" data-label="Pull requests" data-key="2" class="">
-        <div class="pf-c-table__column-help">
-          Pull requests<span class="pf-c-table__column-help-action"
-            ><button
-              aria-disabled="false"
-              aria-label="More information on pull requests"
-              class="pf-c-button pf-m-plain"
-              type="button"
-              data-ouia-component-type="PF4/Button"
-              data-ouia-safe="true"
-              data-ouia-component-id="OUIA-Generated-Button-plain-2"
-            >
-              <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 1024 1024" aria-hidden="true" role="img">
-                <path
-                  d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
-                ></path>
-              </svg></button
-          ></span>
-        </div>
-      </th>
-      <th scope="col" data-label="Workspaces" data-key="3" class="">
-        Workspaces
-      </th>
-      <th scope="col" data-label="Last Commit" data-key="4" class="pf-m-center">
-        Last Commit
-      </th>
-    </tr>
-  </thead>
-  <tbody class="">
-    <tr
-      class=""
-      data-ouia-component-type="PF4/TableRow"
-      data-ouia-safe="true"
-      data-ouia-component-id="OUIA-Generated-TableRow-1"
-    >
-      <td data-label="Repositories" data-key="0" class="">one</td>
-      <td data-label="Branches" data-key="1" class="">two</td>
-      <td data-label="Pull requests" data-key="2" class="">three</td>
-      <td data-label="Workspaces" data-key="3" class="">four</td>
-      <td data-label="Last Commit" data-key="4" class="pf-m-center">five</td>
-    </tr>
-    <tr
-      class=""
-      data-ouia-component-type="PF4/TableRow"
-      data-ouia-safe="true"
-      data-ouia-component-id="OUIA-Generated-TableRow-2"
-    >
-      <td data-label="Repositories" data-key="0" title="hover title" class="" colspan="3">
-        <div>one - 2</div>
-      </td>
-      <td data-label="Workspaces" data-key="3" class="">four - 2</td>
-      <td data-label="Last Commit" data-key="4" class="pf-m-center">
-        five - 2
-      </td>
-    </tr>
-    <tr
-      class=""
-      data-ouia-component-type="PF4/TableRow"
-      data-ouia-safe="true"
-      data-ouia-component-id="OUIA-Generated-TableRow-3"
-    >
-      <td data-label="Repositories" data-key="0" class="">one - 3</td>
-      <td data-label="Branches" data-key="1" class="">two - 3</td>
-      <td data-label="Pull requests" data-key="2" class="">three - 3</td>
-      <td data-label="Workspaces" data-key="3" class="">four - 3</td>
-      <td data-label="Last Commit" data-key="4" class="">
-        five - 3 (not centered)
-      </td>
-    </tr>
-  </tbody>
-</table>

From 3938fb0690f3054ab3af9e1e76d142f646e50b1e Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Mon, 5 Oct 2020 23:49:47 -0400
Subject: [PATCH 06/29] cleanup

---
 packages/react-core/package.json              |   1 -
 .../SkipToContent/SkipToContent.tsx           |  10 +-
 packages/react-docs/os-config.js              | 101 -----
 .../components/BaseTable/BaseHeaderCell.tsx   |   5 +-
 .../src/components/Table/HeaderCell.tsx       |  29 +-
 .../Table/__snapshots__/Table.test.tsx.snap   | 371 ++++++++++++++++--
 yarn.lock                                     |  20 +-
 7 files changed, 365 insertions(+), 172 deletions(-)
 delete mode 100644 packages/react-docs/os-config.js

diff --git a/packages/react-core/package.json b/packages/react-core/package.json
index bdde1e11e40..c5a91da0851 100644
--- a/packages/react-core/package.json
+++ b/packages/react-core/package.json
@@ -40,7 +40,6 @@
     "@patternfly/react-tokens": "^4.9.11",
     "focus-trap": "4.0.2",
     "react-dropzone": "9.0.0",
-    "react-router-hash-link": "^2.1.0",
     "tippy.js": "5.1.2",
     "tslib": "^1.11.1"
   },
diff --git a/packages/react-core/src/components/SkipToContent/SkipToContent.tsx b/packages/react-core/src/components/SkipToContent/SkipToContent.tsx
index 374bf042982..fc65503ad54 100644
--- a/packages/react-core/src/components/SkipToContent/SkipToContent.tsx
+++ b/packages/react-core/src/components/SkipToContent/SkipToContent.tsx
@@ -6,7 +6,7 @@ import { PickOptional } from '../../helpers/typeUtils';
 
 export interface SkipToContentProps extends React.HTMLProps<HTMLAnchorElement> {
   /** The skip to content link. */
-  href?: string;
+  href: string;
   /** Content to display within the skip to content component, typically a string. */
   children?: React.ReactNode;
   /** Additional styles to apply to the skip to content component. */
@@ -31,7 +31,7 @@ export class SkipToContent extends React.Component<SkipToContentProps> {
   render() {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { children, className, href, show, type, ...rest } = this.props;
-    const renderDefaultLink = (): React.ReactNode => (
+    return (
       <a
         {...rest}
         className={css(buttonStyles.button, buttonStyles.modifiers.primary, styles.skipToContent, className)}
@@ -41,11 +41,5 @@ export class SkipToContent extends React.Component<SkipToContentProps> {
         {children}
       </a>
     );
-    const renderClonedChild = (child: React.ReactElement): React.ReactNode =>
-      React.cloneElement(child, {
-        className: css(buttonStyles.button, buttonStyles.modifiers.primary, styles.skipToContent, className),
-        ref: this.componentRef
-      });
-    return React.isValidElement(children) ? renderClonedChild(children as React.ReactElement) : renderDefaultLink();
   }
 }
diff --git a/packages/react-docs/os-config.js b/packages/react-docs/os-config.js
deleted file mode 100644
index 0aa8198c05f..00000000000
--- a/packages/react-docs/os-config.js
+++ /dev/null
@@ -1,101 +0,0 @@
-function delay(time) {
-  return new Promise(function (resolve) {
-    setTimeout(resolve, time);
-  });
-}
-
-async function loginOpenshift({ page, data }) {
-  const user = "kubeadmin";
-  const pass = "ucuUZ-corPs-IJJ5X-viMTB";
-  const url = data.prefix;
-  console.log(`nav to ${url}`);
-  await page.goto(`${url}`, { waitUntil: "load" });
-  if (page.url().indexOf("oauth-openshift") > -1) {
-    console.log("have to auth first");
-    await page.waitForSelector("#inputUsername");
-    await page.type("#inputUsername", user);
-    await page.type("#inputPassword", pass);
-    await page.click("button.pf-c-button");
-    await page.waitForNavigation();
-    await delay(1000);
-    console.log("finished auth");
-  }
-}
-
-async function waitForOs(page) {
-  // there should be no loading spinner
-  await page.waitForSelector(".co-m-loader", {
-    hidden: true,
-  });
-
-  // there should be no skeleton text
-  await page.waitForSelector("[class*='skeleton']", {
-    hidden: true,
-    timeout: 60000,
-  });
-
-  // content should have something in it
-  await page.waitForSelector("#content-scrollable > *");
-
-  // if that content has a loading spinner wait for it as well
-  await page.waitForSelector(".co-m-loader", {
-    hidden: true,
-  });
-}
-
-module.exports = {
-  prefix: "https://console-openshift-console.apps.ocp4.patternfly.org",
-  auth: loginOpenshift,
-  waitFor: waitForOs,
-  crawl: false,
-  urls: [
-    "/dashboards",
-    {
-      url: "/k8s/cluster/projects",
-      afterNav: async (page) => {
-        await page.waitForSelector(".co-m-resource-project");
-      },
-    },
-    "/k8s/cluster/projects/default",
-    "/search/ns/default",
-    "/api-explorer",
-    "/api-resource/cluster/core~v1~Namespace",
-    "/api-resource/cluster/core~v1~Namespace/schema",
-    "/api-resource/cluster/core~v1~Namespace/instances",
-    "/api-resource/cluster/core~v1~Namespace/access",
-    "/k8s/ns/default/events",
-    "/operatorhub/ns/default",
-    "/operatorhub/ns/default?details-item=3scale-community-operator-community-operators-openshift-marketplace",
-    "/k8s/ns/default/operators.coreos.com~v1alpha1~ClusterServiceVersion",
-    "/k8s/ns/default/pods",
-    "/k8s/ns/default/pods/~new",
-    "/k8s/ns/default/deployments",
-    "/k8s/ns/default/deployments/~new",
-    "/k8s/ns/default/deploymentconfigs",
-    "/k8s/ns/default/deploymentconfigs/~new",
-    "/k8s/ns/default/statefulsets",
-    "/k8s/ns/default/statefulsets/~new",
-    "/k8s/ns/default/secrets",
-    "/k8s/ns/default/secrets/builder-token-pdzbp",
-    "/k8s/ns/default/secrets/builder-token-pdzbp/yaml",
-    "/k8s/ns/default/configmaps",
-    "/k8s/ns/default/configmaps/nginx-1-ca",
-    "/k8s/ns/default/configmaps/nginx-1-ca/yaml",
-    "/k8s/ns/default/cronjobs",
-    "/k8s/ns/default/cronjobs/~new",
-    "/k8s/ns/default/jobs",
-    "/k8s/ns/default/jobs/~new",
-    "/k8s/ns/default/daemonsets",
-    "/k8s/ns/default/daemonsets/~new",
-    "/k8s/ns/default/replicasets",
-    "/k8s/ns/default/replicasets/~new",
-    "/k8s/ns/default/replicationcontrollers",
-    "/k8s/ns/default/replicationcontrollers/~new",
-    "/k8s/ns/default/horizontalpodautoscalers",
-    "/k8s/ns/default/horizontalpodautoscalers/~new",
-    "/k8s/ns/default/services",
-    "/k8s/ns/default/services/kubernetes",
-    "/k8s/ns/default/services/kubernetes/yaml",
-    "/k8s/ns/default/services/kubernetes/pods",
-  ],
-};
diff --git a/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx b/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
index 59b26ef28d4..4b8693e76a2 100644
--- a/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
@@ -17,6 +17,8 @@ export interface BaseHeaderCellProps extends Omit<React.HTMLProps<HTMLTableHeade
   children?: React.ReactNode;
   /** Additional classes added to the <th> header cell  */
   className?: string;
+  /** Element to render */
+  component?: React.ReactNode;
   /** Modifies cell to center its contents. */
   textCenter?: boolean;
   /** Wraps the content in a button and adds a sort icon - Click callback on the sortable cell */
@@ -44,6 +46,7 @@ export interface BaseHeaderCellProps extends Omit<React.HTMLProps<HTMLTableHeade
 const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
   children,
   className,
+  component = 'th',
   textCenter = false,
   onSort,
   activeSortDirection = 'none',
@@ -83,7 +86,7 @@ const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
         }
       })
     : null;
-  const Component: any = (sortParams && sortParams.component) || (selectParams && selectParams.component) || 'th';
+  const Component: any = (sortParams && sortParams.component) || (selectParams && selectParams.component) || component;
   const transformedChildren =
     (sortParams && sortParams.children) || (selectParams && selectParams.children) || children;
   return (
diff --git a/packages/react-table/src/components/Table/HeaderCell.tsx b/packages/react-table/src/components/Table/HeaderCell.tsx
index 7195cdf1495..a480a59bc1f 100644
--- a/packages/react-table/src/components/Table/HeaderCell.tsx
+++ b/packages/react-table/src/components/Table/HeaderCell.tsx
@@ -50,25 +50,16 @@ export const HeaderCell: React.FunctionComponent<HeaderCellProps> = ({
     onMouseEnterProp(event);
   };
 
-  const Component = component as any;
-  const cell =
-    Component === 'th' ? (
-      <BaseHeaderCell
-        {...mappedProps}
-        onMouseEnter={onMouseEnter}
-        className={css(className, textCenter && styles.modifiers.center)}
-      >
-        {children}
-      </BaseHeaderCell>
-    ) : (
-      <Component
-        {...mappedProps}
-        onMouseEnter={onMouseEnter}
-        className={css(className, textCenter && styles.modifiers.center)}
-      >
-        {children}
-      </Component>
-    );
+  const cell = (
+    <BaseHeaderCell
+      {...mappedProps}
+      onMouseEnter={onMouseEnter}
+      className={css(className, textCenter && styles.modifiers.center)}
+      component={component}
+    >
+      {children}
+    </BaseHeaderCell>
+  );
 
   return tooltip !== '' ? (
     <Tooltip content={tooltip} isVisible>
diff --git a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
index e10aebb929d..25c9b998a87 100644
--- a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
+++ b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
@@ -1068,6 +1068,7 @@ exports[`Actions table 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -1076,6 +1077,7 @@ exports[`Actions table 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -1153,6 +1155,7 @@ exports[`Actions table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -1160,6 +1163,7 @@ exports[`Actions table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -1187,6 +1191,7 @@ exports[`Actions table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -1194,6 +1199,7 @@ exports[`Actions table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -1221,6 +1227,7 @@ exports[`Actions table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -1228,6 +1235,7 @@ exports[`Actions table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -1255,6 +1263,7 @@ exports[`Actions table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -1262,6 +1271,7 @@ exports[`Actions table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -1288,12 +1298,31 @@ exports[`Actions table 1`] = `
                                   key="5-header"
                                   scope=""
                                 >
-                                  <td
+                                  <BaseHeaderCell
                                     className=""
+                                    component="td"
                                     data-key={5}
                                     data-label=""
                                     onMouseEnter={[Function]}
-                                  />
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="td"
+                                      data-key={5}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                    >
+                                      <td
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={5}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      />
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
                                 </HeaderCell>
                               </tr>
                             </BaseTableHeaderRowBase>
@@ -13197,6 +13226,7 @@ exports[`Cell header table 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -13205,6 +13235,7 @@ exports[`Cell header table 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -13282,6 +13313,7 @@ exports[`Cell header table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -13289,6 +13321,7 @@ exports[`Cell header table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -13316,6 +13349,7 @@ exports[`Cell header table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -13323,6 +13357,7 @@ exports[`Cell header table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -13350,6 +13385,7 @@ exports[`Cell header table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -13357,6 +13393,7 @@ exports[`Cell header table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -13384,6 +13421,7 @@ exports[`Cell header table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -13391,6 +13429,7 @@ exports[`Cell header table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -21649,12 +21688,31 @@ exports[`Collapsible nested table 1`] = `
                                   key="0-header"
                                   scope=""
                                 >
-                                  <td
+                                  <BaseHeaderCell
                                     className=""
+                                    component="td"
                                     data-key={0}
                                     data-label=""
                                     onMouseEnter={[Function]}
-                                  />
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                    >
+                                      <td
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={0}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      />
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
                                 </HeaderCell>
                                 <HeaderCell
                                   aria-sort="none"
@@ -21667,6 +21725,7 @@ exports[`Collapsible nested table 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={1}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -21675,6 +21734,7 @@ exports[`Collapsible nested table 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={1}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -21752,6 +21812,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -21759,6 +21820,7 @@ exports[`Collapsible nested table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Branches"
                                       innerRef={null}
@@ -21786,6 +21848,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -21793,6 +21856,7 @@ exports[`Collapsible nested table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -21820,6 +21884,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -21827,6 +21892,7 @@ exports[`Collapsible nested table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -21854,6 +21920,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={5}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -21861,6 +21928,7 @@ exports[`Collapsible nested table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={5}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -31298,12 +31366,31 @@ exports[`Collapsible table 1`] = `
                                   key="0-header"
                                   scope=""
                                 >
-                                  <td
+                                  <BaseHeaderCell
                                     className=""
+                                    component="td"
                                     data-key={0}
                                     data-label=""
                                     onMouseEnter={[Function]}
-                                  />
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                    >
+                                      <td
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={0}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      />
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
                                 </HeaderCell>
                                 <HeaderCell
                                   aria-sort="none"
@@ -31316,6 +31403,7 @@ exports[`Collapsible table 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={1}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -31324,6 +31412,7 @@ exports[`Collapsible table 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={1}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -31401,6 +31490,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -31408,6 +31498,7 @@ exports[`Collapsible table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Branches"
                                       innerRef={null}
@@ -31435,6 +31526,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -31442,6 +31534,7 @@ exports[`Collapsible table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -31469,6 +31562,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -31476,6 +31570,7 @@ exports[`Collapsible table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -31503,6 +31598,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={5}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -31510,6 +31606,7 @@ exports[`Collapsible table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={5}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -40265,6 +40362,7 @@ exports[`Compound Expandable table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={0}
                                     data-label="col1"
                                     onMouseEnter={[Function]}
@@ -40272,6 +40370,7 @@ exports[`Compound Expandable table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={0}
                                       data-label="col1"
                                       innerRef={null}
@@ -40299,6 +40398,7 @@ exports[`Compound Expandable table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="col2"
                                     onMouseEnter={[Function]}
@@ -40306,6 +40406,7 @@ exports[`Compound Expandable table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="col2"
                                       innerRef={null}
@@ -43379,6 +43480,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className="pf-m-nowrap"
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -43386,6 +43488,7 @@ exports[`Control text table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-m-nowrap"
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -43414,6 +43517,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className="pf-m-wrap"
+                                    component="th"
                                     data-key={1}
                                     data-label="new object column"
                                     onMouseEnter={[Function]}
@@ -43421,6 +43525,7 @@ exports[`Control text table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-m-wrap"
+                                      component="th"
                                       data-key={1}
                                       data-label="new object column"
                                       innerRef={null}
@@ -43449,6 +43554,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className="pf-m-break-word"
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -43456,6 +43562,7 @@ exports[`Control text table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-m-break-word"
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -43484,6 +43591,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className="pf-m-truncate"
+                                    component="th"
                                     data-key={3}
                                     data-label="new object column"
                                     onMouseEnter={[Function]}
@@ -43491,6 +43599,7 @@ exports[`Control text table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-m-truncate"
+                                      component="th"
                                       data-key={3}
                                       data-label="new object column"
                                       innerRef={null}
@@ -43519,6 +43628,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className="pf-m-fit-content"
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -43526,6 +43636,7 @@ exports[`Control text table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-m-fit-content"
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -51311,6 +51422,7 @@ exports[`Editable table 1`] = `
                                   >
                                     <BaseHeaderCell
                                       className=""
+                                      component="th"
                                       data-key={0}
                                       data-label="Text input col 1"
                                       onMouseEnter={[Function]}
@@ -51318,6 +51430,7 @@ exports[`Editable table 1`] = `
                                     >
                                       <BaseHeaderCellBase
                                         className=""
+                                        component="th"
                                         data-key={0}
                                         data-label="Text input col 1"
                                         innerRef={null}
@@ -51345,6 +51458,7 @@ exports[`Editable table 1`] = `
                                   >
                                     <BaseHeaderCell
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Disabled text input col 2"
                                       onMouseEnter={[Function]}
@@ -51352,6 +51466,7 @@ exports[`Editable table 1`] = `
                                     >
                                       <BaseHeaderCellBase
                                         className=""
+                                        component="th"
                                         data-key={1}
                                         data-label="Disabled text input col 2"
                                         innerRef={null}
@@ -51379,6 +51494,7 @@ exports[`Editable table 1`] = `
                                   >
                                     <BaseHeaderCell
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Text input col 3"
                                       onMouseEnter={[Function]}
@@ -51386,6 +51502,7 @@ exports[`Editable table 1`] = `
                                     >
                                       <BaseHeaderCellBase
                                         className=""
+                                        component="th"
                                         data-key={2}
                                         data-label="Text input col 3"
                                         innerRef={null}
@@ -51413,6 +51530,7 @@ exports[`Editable table 1`] = `
                                   >
                                     <BaseHeaderCell
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Text input col 4"
                                       onMouseEnter={[Function]}
@@ -51420,6 +51538,7 @@ exports[`Editable table 1`] = `
                                     >
                                       <BaseHeaderCellBase
                                         className=""
+                                        component="th"
                                         data-key={3}
                                         data-label="Text input col 4"
                                         innerRef={null}
@@ -51447,12 +51566,14 @@ exports[`Editable table 1`] = `
                                   >
                                     <BaseHeaderCell
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label=""
                                       onMouseEnter={[Function]}
                                     >
                                       <BaseHeaderCellBase
                                         className=""
+                                        component="th"
                                         data-key={4}
                                         data-label=""
                                         innerRef={null}
@@ -56338,6 +56459,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className="pf-m-width-10"
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -56345,6 +56467,7 @@ exports[`Header width table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-m-width-10"
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -56372,6 +56495,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -56379,6 +56503,7 @@ exports[`Header width table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -56407,6 +56532,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className="pf-m-width-30"
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -56414,6 +56540,7 @@ exports[`Header width table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-m-width-30"
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -56441,6 +56568,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -56448,6 +56576,7 @@ exports[`Header width table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -56476,6 +56605,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -56483,6 +56613,7 @@ exports[`Header width table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -64712,6 +64843,7 @@ exports[`Row click table 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -64720,6 +64852,7 @@ exports[`Row click table 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -64797,6 +64930,7 @@ exports[`Row click table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -64804,6 +64938,7 @@ exports[`Row click table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -64831,6 +64966,7 @@ exports[`Row click table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -64838,6 +64974,7 @@ exports[`Row click table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -64865,6 +65002,7 @@ exports[`Row click table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -64872,6 +65010,7 @@ exports[`Row click table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -64899,6 +65038,7 @@ exports[`Row click table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -64906,6 +65046,7 @@ exports[`Row click table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -73079,28 +73220,47 @@ exports[`Selectable table 1`] = `
                                   key="0-header"
                                   scope=""
                                 >
-                                  <td
+                                  <BaseHeaderCell
                                     className="pf-c-table__check"
+                                    component="td"
                                     data-key={0}
                                     data-label=""
                                     onMouseEnter={[Function]}
                                   >
-                                    <SelectColumn
-                                      aria-label="Select all rows"
-                                      checked={false}
-                                      name="check-all"
-                                      onSelect={[Function]}
-                                      selectVariant="checkbox"
-                                    >
-                                      <input
-                                        aria-label="Select all rows"
-                                        checked={false}
-                                        name="check-all"
-                                        onChange={[Function]}
-                                        type="checkbox"
-                                      />
-                                    </SelectColumn>
-                                  </td>
+                                    <BaseHeaderCellBase
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                    >
+                                      <td
+                                        aria-sort="none"
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select all rows"
+                                          checked={false}
+                                          name="check-all"
+                                          onSelect={[Function]}
+                                          selectVariant="checkbox"
+                                        >
+                                          <input
+                                            aria-label="Select all rows"
+                                            checked={false}
+                                            name="check-all"
+                                            onChange={[Function]}
+                                            type="checkbox"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
                                 </HeaderCell>
                                 <HeaderCell
                                   aria-sort="none"
@@ -73113,6 +73273,7 @@ exports[`Selectable table 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={1}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -73121,6 +73282,7 @@ exports[`Selectable table 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={1}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -73198,6 +73360,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -73205,6 +73368,7 @@ exports[`Selectable table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Branches"
                                       innerRef={null}
@@ -73232,6 +73396,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -73239,6 +73404,7 @@ exports[`Selectable table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -73266,6 +73432,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -73273,6 +73440,7 @@ exports[`Selectable table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -73300,6 +73468,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={5}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -73307,6 +73476,7 @@ exports[`Selectable table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={5}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -82390,12 +82560,14 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={0}
                                     data-label=""
                                     onMouseEnter={[Function]}
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={0}
                                       data-label=""
                                       innerRef={null}
@@ -82423,6 +82595,7 @@ exports[`Selectable table with Radio 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={1}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -82431,6 +82604,7 @@ exports[`Selectable table with Radio 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={1}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -82508,6 +82682,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -82515,6 +82690,7 @@ exports[`Selectable table with Radio 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Branches"
                                       innerRef={null}
@@ -82542,6 +82718,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -82549,6 +82726,7 @@ exports[`Selectable table with Radio 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -82576,6 +82754,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -82583,6 +82762,7 @@ exports[`Selectable table with Radio 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -82610,6 +82790,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={5}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -82617,6 +82798,7 @@ exports[`Selectable table with Radio 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={5}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -92050,6 +92232,7 @@ exports[`Simple Actions table 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -92058,6 +92241,7 @@ exports[`Simple Actions table 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -92135,6 +92319,7 @@ exports[`Simple Actions table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -92142,6 +92327,7 @@ exports[`Simple Actions table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -92169,6 +92355,7 @@ exports[`Simple Actions table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -92176,6 +92363,7 @@ exports[`Simple Actions table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -92203,6 +92391,7 @@ exports[`Simple Actions table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -92210,6 +92399,7 @@ exports[`Simple Actions table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -92237,6 +92427,7 @@ exports[`Simple Actions table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -92244,6 +92435,7 @@ exports[`Simple Actions table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -92270,12 +92462,31 @@ exports[`Simple Actions table 1`] = `
                                   key="5-header"
                                   scope=""
                                 >
-                                  <td
+                                  <BaseHeaderCell
                                     className=""
+                                    component="td"
                                     data-key={5}
                                     data-label=""
                                     onMouseEnter={[Function]}
-                                  />
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="td"
+                                      data-key={5}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                    >
+                                      <td
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={5}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      />
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
                                 </HeaderCell>
                               </tr>
                             </BaseTableHeaderRowBase>
@@ -106843,6 +107054,7 @@ exports[`Simple table aria-label 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -106850,6 +107062,7 @@ exports[`Simple table aria-label 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -106877,6 +107090,7 @@ exports[`Simple table aria-label 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -106884,6 +107098,7 @@ exports[`Simple table aria-label 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -106911,6 +107126,7 @@ exports[`Simple table aria-label 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -106918,6 +107134,7 @@ exports[`Simple table aria-label 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -106945,6 +107162,7 @@ exports[`Simple table aria-label 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -106952,6 +107170,7 @@ exports[`Simple table aria-label 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -106979,6 +107198,7 @@ exports[`Simple table aria-label 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -106986,6 +107206,7 @@ exports[`Simple table aria-label 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -114981,6 +115202,7 @@ exports[`Simple table caption 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -114988,6 +115210,7 @@ exports[`Simple table caption 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -115015,6 +115238,7 @@ exports[`Simple table caption 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -115022,6 +115246,7 @@ exports[`Simple table caption 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -115049,6 +115274,7 @@ exports[`Simple table caption 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -115056,6 +115282,7 @@ exports[`Simple table caption 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -115083,6 +115310,7 @@ exports[`Simple table caption 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -115090,6 +115318,7 @@ exports[`Simple table caption 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -115117,6 +115346,7 @@ exports[`Simple table caption 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -115124,6 +115354,7 @@ exports[`Simple table caption 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -123123,6 +123354,7 @@ exports[`Simple table header 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -123130,6 +123362,7 @@ exports[`Simple table header 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -123157,6 +123390,7 @@ exports[`Simple table header 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -123164,6 +123398,7 @@ exports[`Simple table header 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -123191,6 +123426,7 @@ exports[`Simple table header 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -123198,6 +123434,7 @@ exports[`Simple table header 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -123225,6 +123462,7 @@ exports[`Simple table header 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -123232,6 +123470,7 @@ exports[`Simple table header 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -123259,6 +123498,7 @@ exports[`Simple table header 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -123266,6 +123506,7 @@ exports[`Simple table header 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -131273,6 +131514,7 @@ exports[`Sortable table 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -131281,6 +131523,7 @@ exports[`Sortable table 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -131359,6 +131602,7 @@ exports[`Sortable table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -131366,6 +131610,7 @@ exports[`Sortable table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -131393,6 +131638,7 @@ exports[`Sortable table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -131400,6 +131646,7 @@ exports[`Sortable table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -131427,6 +131674,7 @@ exports[`Sortable table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -131434,6 +131682,7 @@ exports[`Sortable table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -131461,6 +131710,7 @@ exports[`Sortable table 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -131468,6 +131718,7 @@ exports[`Sortable table 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -139484,6 +139735,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -139492,6 +139744,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -139569,6 +139822,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -139576,6 +139830,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -139603,6 +139858,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -139610,6 +139866,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -139637,6 +139894,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -139644,6 +139902,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -139671,6 +139930,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -139678,6 +139938,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -147694,6 +147955,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -147702,6 +147964,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -147779,6 +148042,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -147786,6 +148050,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -147813,6 +148078,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -147820,6 +148086,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -147847,6 +148114,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -147854,6 +148122,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -147881,6 +148150,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -147888,6 +148158,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -155904,6 +156175,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -155912,6 +156184,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -155989,6 +156262,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -155996,6 +156270,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -156023,6 +156298,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -156030,6 +156306,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -156057,6 +156334,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -156064,6 +156342,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -156091,6 +156370,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -156098,6 +156378,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -164114,6 +164395,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -164122,6 +164404,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -164199,6 +164482,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -164206,6 +164490,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -164233,6 +164518,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -164240,6 +164526,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -164267,6 +164554,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -164274,6 +164562,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -164301,6 +164590,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -164308,6 +164598,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -172324,6 +172615,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -172332,6 +172624,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -172409,6 +172702,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -172416,6 +172710,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -172443,6 +172738,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -172450,6 +172746,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -172477,6 +172774,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -172484,6 +172782,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -172511,6 +172810,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -172518,6 +172818,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -180534,6 +180835,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -180542,6 +180844,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -180619,6 +180922,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -180626,6 +180930,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -180653,6 +180958,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -180660,6 +180966,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -180687,6 +180994,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -180694,6 +181002,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -180721,6 +181030,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -180728,6 +181038,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
@@ -188744,6 +189055,7 @@ exports[`Table variants Size - compact 1`] = `
                                   <BaseHeaderCell
                                     aria-sort="none"
                                     className="pf-c-table__sort"
+                                    component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
@@ -188752,6 +189064,7 @@ exports[`Table variants Size - compact 1`] = `
                                     <BaseHeaderCellBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
+                                      component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
@@ -188829,6 +189142,7 @@ exports[`Table variants Size - compact 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={1}
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
@@ -188836,6 +189150,7 @@ exports[`Table variants Size - compact 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={1}
                                       data-label="Branches"
                                       innerRef={null}
@@ -188863,6 +189178,7 @@ exports[`Table variants Size - compact 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={2}
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
@@ -188870,6 +189186,7 @@ exports[`Table variants Size - compact 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={2}
                                       data-label="Pull requests"
                                       innerRef={null}
@@ -188897,6 +189214,7 @@ exports[`Table variants Size - compact 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={3}
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
@@ -188904,6 +189222,7 @@ exports[`Table variants Size - compact 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={3}
                                       data-label="Workspaces"
                                       innerRef={null}
@@ -188931,6 +189250,7 @@ exports[`Table variants Size - compact 1`] = `
                                 >
                                   <BaseHeaderCell
                                     className=""
+                                    component="th"
                                     data-key={4}
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
@@ -188938,6 +189258,7 @@ exports[`Table variants Size - compact 1`] = `
                                   >
                                     <BaseHeaderCellBase
                                       className=""
+                                      component="th"
                                       data-key={4}
                                       data-label="Last Commit"
                                       innerRef={null}
diff --git a/yarn.lock b/yarn.lock
index 902920b746b..8209b7d7aaa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8044,7 +8044,7 @@ dateformat@^3.0.0, dateformat@^3.0.3:
   resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
   integrity sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==
 
-debug@*, debug@^4.1.0, debug@^4.1.1:
+debug@*, debug@4, debug@^4.1.0, debug@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
   integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
@@ -8065,13 +8065,6 @@ debug@3.1.0, debug@=3.1.0, debug@~3.1.0:
   dependencies:
     ms "2.0.0"
 
-debug@4:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.2.0.tgz#7f150f93920e94c58f5574c2fd01a3110effe7f1"
-  integrity sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==
-  dependencies:
-    ms "2.1.2"
-
 debug@4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.0.tgz#373687bffa678b38b1cd91f861b63850035ddc87"
@@ -14921,7 +14914,7 @@ ms@2.1.1:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
   integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==
 
-ms@2.1.2, ms@^2.0.0, ms@^2.1.1:
+ms@^2.0.0, ms@^2.1.1:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
@@ -16898,7 +16891,7 @@ prop-types-extra@^1.1.0:
     react-is "^16.3.2"
     warning "^4.0.0"
 
-prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:
+prop-types@^15.5.8, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
@@ -17322,13 +17315,6 @@ react-router-dom@^4.3.1:
     react-router "^4.3.1"
     warning "^4.0.1"
 
-react-router-hash-link@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/react-router-hash-link/-/react-router-hash-link-2.1.0.tgz#69cc93df0945480adff14e9e501aea5f356896a8"
-  integrity sha512-U/WizkZwV2IoxLScRJX5CHJWreXjv/kCmjT/LpfYiFdXGnrKgPd0KqcA4KfmQbkwO411OwDmUKKz+bOKoMkzKg==
-  dependencies:
-    prop-types "^15.6.0"
-
 react-router@^4.3.1:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/react-router/-/react-router-4.3.1.tgz#aada4aef14c809cb2e686b05cee4742234506c4e"

From fec374b4ca93b4bdedde3b8293ced7a776993e12 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Tue, 6 Oct 2020 00:08:31 -0400
Subject: [PATCH 07/29] snapshot

---
 .../VirtualizedTable.test.tsx.snap            | 6289 ++++++++++-------
 1 file changed, 3646 insertions(+), 2643 deletions(-)

diff --git a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
index 9a0d17009f8..2ac9ddb12e1 100644
--- a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
+++ b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
@@ -125,7 +125,8 @@ exports[`Actions virtualized table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -397,9 +398,9 @@ exports[`Actions virtualized table 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-5"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -414,325 +415,44 @@ exports[`Actions virtualized table 1`] = `
     }
     role="grid"
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-5"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-10"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Component
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-5",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Component
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -1003,164 +723,621 @@ exports[`Actions virtualized table 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-5",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      component="td"
-                      data-key={5}
-                      data-label=""
-                      key="5-header"
-                      scope=""
-                    >
-                      <td
-                        className=""
-                        data-key={5}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      />
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Component>
-        </ContextHeader>
-      </TableHeader>
-    </table>
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  component="td"
+                                  data-key={5}
+                                  data-label=""
+                                  key="5-header"
+                                  scope=""
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="td"
+                                    data-key={5}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="td"
+                                      data-key={5}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                    >
+                                      <td
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={5}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      />
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Component>
+            </ContextHeader>
+          </TableHeader>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -1289,7 +1466,8 @@ exports[`Selectable virtualized table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -1561,9 +1739,9 @@ exports[`Selectable virtualized table 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-6"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -1578,325 +1756,44 @@ exports[`Selectable virtualized table 1`] = `
     }
     role="grid"
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-6"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-12"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Component
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-0",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Component
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -2167,182 +2064,639 @@ exports[`Selectable virtualized table 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      className="pf-c-table__check"
-                      component="td"
-                      data-key={0}
-                      data-label=""
-                      isVisible={true}
-                      key="0-header"
-                      scope=""
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <td
-                        className="pf-c-table__check"
-                        data-key={0}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      >
-                        <SelectColumn
-                          aria-label="Select all rows"
-                          checked={false}
-                          name="check-all"
-                          onSelect={[Function]}
-                          selectVariant="checkbox"
-                        >
-                          <input
-                            aria-label="Select all rows"
-                            checked={false}
-                            name="check-all"
-                            onChange={[Function]}
-                            type="checkbox"
-                          />
-                        </SelectColumn>
-                      </td>
-                    </HeaderCell>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={1}
-                      data-label="Header cell"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={1}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-0",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  className="pf-c-table__check"
+                                  component="td"
+                                  data-key={0}
+                                  data-label=""
+                                  isVisible={true}
+                                  key="0-header"
+                                  scope=""
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-c-table__check"
+                                    component="td"
+                                    data-key={0}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                    >
+                                      <td
+                                        aria-sort="none"
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select all rows"
+                                          checked={false}
+                                          name="check-all"
+                                          onSelect={[Function]}
+                                          selectVariant="checkbox"
+                                        >
+                                          <input
+                                            aria-label="Select all rows"
+                                            checked={false}
+                                            name="check-all"
+                                            onChange={[Function]}
+                                            type="checkbox"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={1}
+                                  data-label="Header cell"
+                                  key="1-header"
+                                  scope="col"
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Branches"
+                                  key="2-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Branches"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Pull requests"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Workspaces"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={5}
-                      data-label="Last Commit"
-                      key="5-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={5}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Component>
-        </ContextHeader>
-      </TableHeader>
-    </table>
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Pull requests"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Workspaces"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={5}
+                                  data-label="Last Commit"
+                                  key="5-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={5}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Component>
+            </ContextHeader>
+          </TableHeader>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -2502,7 +2856,8 @@ exports[`Simple Actions table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -2888,9 +3243,9 @@ exports[`Simple Actions table 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-4"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -2905,439 +3260,44 @@ exports[`Simple Actions table 1`] = `
     }
     role="grid"
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-4"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-8"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Component
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-5",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Component
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -3722,164 +3682,735 @@ exports[`Simple Actions table 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-5",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      component="td"
-                      data-key={5}
-                      data-label=""
-                      key="5-header"
-                      scope=""
-                    >
-                      <td
-                        className=""
-                        data-key={5}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      />
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Component>
-        </ContextHeader>
-      </TableHeader>
-    </table>
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  component="td"
+                                  data-key={5}
+                                  data-label=""
+                                  key="5-header"
+                                  scope=""
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="td"
+                                    data-key={5}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="td"
+                                      data-key={5}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                    >
+                                      <td
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={5}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      />
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Component>
+            </ContextHeader>
+          </TableHeader>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -4004,7 +4535,8 @@ exports[`Simple virtualized table aria-label 1`] = `
 >
   <Provider
     aria-label="Virtual Table Test"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -4229,9 +4761,9 @@ exports[`Simple virtualized table aria-label 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-2"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -4246,278 +4778,44 @@ exports[`Simple virtualized table aria-label 1`] = `
     }
     role="grid"
   >
-    <table
+    <BaseTable
       aria-label="Virtual Table Test"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-2"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Virtual Table Test"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Virtual Table Test"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-4"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Component
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Component
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -4741,97 +5039,487 @@ exports[`Simple virtualized table aria-label 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
+                      <thead
                         className=""
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
                       >
-                        Header cell
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Component>
-        </ContextHeader>
-      </TableHeader>
-    </table>
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Header cell
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Component>
+            </ContextHeader>
+          </TableHeader>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -4956,7 +5644,8 @@ exports[`Simple virtualized table className 1`] = `
 >
   <Provider
     aria-label="Virtual Table Test"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -5181,9 +5870,9 @@ exports[`Simple virtualized table className 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-1"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -5198,278 +5887,44 @@ exports[`Simple virtualized table className 1`] = `
     }
     role="grid"
   >
-    <table
+    <BaseTable
       aria-label="Virtual Table Test"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-1"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Virtual Table Test"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Virtual Table Test"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-2"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Component
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Component
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -5693,97 +6148,487 @@ exports[`Simple virtualized table className 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Header cell
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
+                      <thead
                         className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
                       >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Component>
-        </ContextHeader>
-      </TableHeader>
-    </table>
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Header cell
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Component>
+            </ContextHeader>
+          </TableHeader>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -5913,7 +6758,8 @@ exports[`Sortable Virtualized Table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    borders={true}
+    className=""
     columns={
       Array [
         Object {
@@ -6139,9 +6985,9 @@ exports[`Sortable Virtualized Table 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-3"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -6156,279 +7002,44 @@ exports[`Sortable Virtualized Table 1`] = `
     }
     role="grid"
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-3"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      borders={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        borders={true}
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-6"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Component
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Component
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -6653,151 +7264,543 @@ exports[`Sortable Virtualized Table 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        <SortColumn
-                          isSortedBy={false}
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          isSortedBy={false}
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Component>
-        </ContextHeader>
-      </TableHeader>
-    </table>
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Component>
+            </ContextHeader>
+          </TableHeader>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;

From ccb00d34240a04280ad4385cb67a7255594141e5 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Tue, 6 Oct 2020 00:29:28 -0400
Subject: [PATCH 08/29] aria-sort

---
 .../components/BaseTable/BaseHeaderCell.tsx   |   2 +-
 .../Table/__snapshots__/Table.test.tsx.snap   | 204 +++++++++---------
 .../VirtualizedTable.test.tsx.snap            |  58 ++---
 3 files changed, 132 insertions(+), 132 deletions(-)

diff --git a/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx b/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
index 4b8693e76a2..e60b733602f 100644
--- a/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
@@ -92,7 +92,7 @@ const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
   return (
     <Component
       scope="col"
-      aria-sort={sortParams ? (sortParams['aria-sort'] as 'none' | 'ascending' | 'descending') : 'none'}
+      aria-sort={sortParams ? (sortParams['aria-sort'] as 'none' | 'ascending' | 'descending') : null}
       ref={innerRef}
       data-label={dataLabel || (typeof children === 'string' ? children : null)}
       data-key={columnIndex}
diff --git a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
index 25c9b998a87..eec04c0ec40 100644
--- a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
+++ b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
@@ -1171,7 +1171,7 @@ exports[`Actions table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -1207,7 +1207,7 @@ exports[`Actions table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -1243,7 +1243,7 @@ exports[`Actions table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -1279,7 +1279,7 @@ exports[`Actions table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -1314,7 +1314,7 @@ exports[`Actions table 1`] = `
                                       onMouseEnter={[Function]}
                                     >
                                       <td
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label=""
@@ -13329,7 +13329,7 @@ exports[`Cell header table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -13365,7 +13365,7 @@ exports[`Cell header table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -13401,7 +13401,7 @@ exports[`Cell header table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -13437,7 +13437,7 @@ exports[`Cell header table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -21704,7 +21704,7 @@ exports[`Collapsible nested table 1`] = `
                                       onMouseEnter={[Function]}
                                     >
                                       <td
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label=""
@@ -21828,7 +21828,7 @@ exports[`Collapsible nested table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Branches"
@@ -21864,7 +21864,7 @@ exports[`Collapsible nested table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Pull requests"
@@ -21900,7 +21900,7 @@ exports[`Collapsible nested table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Workspaces"
@@ -21936,7 +21936,7 @@ exports[`Collapsible nested table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label="Last Commit"
@@ -31382,7 +31382,7 @@ exports[`Collapsible table 1`] = `
                                       onMouseEnter={[Function]}
                                     >
                                       <td
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label=""
@@ -31506,7 +31506,7 @@ exports[`Collapsible table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Branches"
@@ -31542,7 +31542,7 @@ exports[`Collapsible table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Pull requests"
@@ -31578,7 +31578,7 @@ exports[`Collapsible table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Workspaces"
@@ -31614,7 +31614,7 @@ exports[`Collapsible table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label="Last Commit"
@@ -40378,7 +40378,7 @@ exports[`Compound Expandable table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label="col1"
@@ -40414,7 +40414,7 @@ exports[`Compound Expandable table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="col2"
@@ -43496,7 +43496,7 @@ exports[`Control text table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className="pf-m-nowrap"
                                         data-key={0}
                                         data-label="Header cell"
@@ -43533,7 +43533,7 @@ exports[`Control text table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className="pf-m-wrap"
                                         data-key={1}
                                         data-label="new object column"
@@ -43570,7 +43570,7 @@ exports[`Control text table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className="pf-m-break-word"
                                         data-key={2}
                                         data-label="Pull requests"
@@ -43607,7 +43607,7 @@ exports[`Control text table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className="pf-m-truncate"
                                         data-key={3}
                                         data-label="new object column"
@@ -43644,7 +43644,7 @@ exports[`Control text table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className="pf-m-fit-content"
                                         data-key={4}
                                         data-label="Last Commit"
@@ -51438,7 +51438,7 @@ exports[`Editable table 1`] = `
                                         scope="col"
                                       >
                                         <th
-                                          aria-sort="none"
+                                          aria-sort={null}
                                           className=""
                                           data-key={0}
                                           data-label="Text input col 1"
@@ -51474,7 +51474,7 @@ exports[`Editable table 1`] = `
                                         scope="col"
                                       >
                                         <th
-                                          aria-sort="none"
+                                          aria-sort={null}
                                           className=""
                                           data-key={1}
                                           data-label="Disabled text input col 2"
@@ -51510,7 +51510,7 @@ exports[`Editable table 1`] = `
                                         scope="col"
                                       >
                                         <th
-                                          aria-sort="none"
+                                          aria-sort={null}
                                           className=""
                                           data-key={2}
                                           data-label="Text input col 3"
@@ -51546,7 +51546,7 @@ exports[`Editable table 1`] = `
                                         scope="col"
                                       >
                                         <th
-                                          aria-sort="none"
+                                          aria-sort={null}
                                           className=""
                                           data-key={3}
                                           data-label="Text input col 4"
@@ -51580,7 +51580,7 @@ exports[`Editable table 1`] = `
                                         onMouseEnter={[Function]}
                                       >
                                         <th
-                                          aria-sort="none"
+                                          aria-sort={null}
                                           className=""
                                           data-key={4}
                                           data-label=""
@@ -56475,7 +56475,7 @@ exports[`Header width table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className="pf-m-width-10"
                                         data-key={0}
                                         data-label="Header cell"
@@ -56511,7 +56511,7 @@ exports[`Header width table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -56548,7 +56548,7 @@ exports[`Header width table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className="pf-m-width-30"
                                         data-key={2}
                                         data-label="Pull requests"
@@ -56584,7 +56584,7 @@ exports[`Header width table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -56621,7 +56621,7 @@ exports[`Header width table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -64946,7 +64946,7 @@ exports[`Row click table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -64982,7 +64982,7 @@ exports[`Row click table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -65018,7 +65018,7 @@ exports[`Row click table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -65054,7 +65054,7 @@ exports[`Row click table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -73236,7 +73236,7 @@ exports[`Selectable table 1`] = `
                                       onMouseEnter={[Function]}
                                     >
                                       <td
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className="pf-c-table__check"
                                         data-key={0}
                                         data-label=""
@@ -73376,7 +73376,7 @@ exports[`Selectable table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Branches"
@@ -73412,7 +73412,7 @@ exports[`Selectable table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Pull requests"
@@ -73448,7 +73448,7 @@ exports[`Selectable table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Workspaces"
@@ -73484,7 +73484,7 @@ exports[`Selectable table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label="Last Commit"
@@ -82574,7 +82574,7 @@ exports[`Selectable table with Radio 1`] = `
                                       onMouseEnter={[Function]}
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label=""
@@ -82698,7 +82698,7 @@ exports[`Selectable table with Radio 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Branches"
@@ -82734,7 +82734,7 @@ exports[`Selectable table with Radio 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Pull requests"
@@ -82770,7 +82770,7 @@ exports[`Selectable table with Radio 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Workspaces"
@@ -82806,7 +82806,7 @@ exports[`Selectable table with Radio 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label="Last Commit"
@@ -92335,7 +92335,7 @@ exports[`Simple Actions table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -92371,7 +92371,7 @@ exports[`Simple Actions table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -92407,7 +92407,7 @@ exports[`Simple Actions table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -92443,7 +92443,7 @@ exports[`Simple Actions table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -92478,7 +92478,7 @@ exports[`Simple Actions table 1`] = `
                                       onMouseEnter={[Function]}
                                     >
                                       <td
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label=""
@@ -107070,7 +107070,7 @@ exports[`Simple table aria-label 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label="Header cell"
@@ -107106,7 +107106,7 @@ exports[`Simple table aria-label 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -107142,7 +107142,7 @@ exports[`Simple table aria-label 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -107178,7 +107178,7 @@ exports[`Simple table aria-label 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -107214,7 +107214,7 @@ exports[`Simple table aria-label 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -115218,7 +115218,7 @@ exports[`Simple table caption 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label="Header cell"
@@ -115254,7 +115254,7 @@ exports[`Simple table caption 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -115290,7 +115290,7 @@ exports[`Simple table caption 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -115326,7 +115326,7 @@ exports[`Simple table caption 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -115362,7 +115362,7 @@ exports[`Simple table caption 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -123370,7 +123370,7 @@ exports[`Simple table header 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label="Header cell"
@@ -123406,7 +123406,7 @@ exports[`Simple table header 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -123442,7 +123442,7 @@ exports[`Simple table header 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -123478,7 +123478,7 @@ exports[`Simple table header 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -123514,7 +123514,7 @@ exports[`Simple table header 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -131618,7 +131618,7 @@ exports[`Sortable table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -131654,7 +131654,7 @@ exports[`Sortable table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -131690,7 +131690,7 @@ exports[`Sortable table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -131726,7 +131726,7 @@ exports[`Sortable table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -139838,7 +139838,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -139874,7 +139874,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -139910,7 +139910,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -139946,7 +139946,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -148058,7 +148058,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -148094,7 +148094,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -148130,7 +148130,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -148166,7 +148166,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -156278,7 +156278,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -156314,7 +156314,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -156350,7 +156350,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -156386,7 +156386,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -164498,7 +164498,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -164534,7 +164534,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -164570,7 +164570,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -164606,7 +164606,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -172718,7 +172718,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -172754,7 +172754,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -172790,7 +172790,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -172826,7 +172826,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -180938,7 +180938,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -180974,7 +180974,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -181010,7 +181010,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -181046,7 +181046,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -189158,7 +189158,7 @@ exports[`Table variants Size - compact 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -189194,7 +189194,7 @@ exports[`Table variants Size - compact 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -189230,7 +189230,7 @@ exports[`Table variants Size - compact 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -189266,7 +189266,7 @@ exports[`Table variants Size - compact 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
diff --git a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
index 2ac9ddb12e1..836b3d2a6e7 100644
--- a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
+++ b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
@@ -1171,7 +1171,7 @@ exports[`Actions virtualized table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -1207,7 +1207,7 @@ exports[`Actions virtualized table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -1243,7 +1243,7 @@ exports[`Actions virtualized table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -1279,7 +1279,7 @@ exports[`Actions virtualized table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -1314,7 +1314,7 @@ exports[`Actions virtualized table 1`] = `
                                       onMouseEnter={[Function]}
                                     >
                                       <td
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label=""
@@ -2423,7 +2423,7 @@ exports[`Selectable virtualized table 1`] = `
                                       onMouseEnter={[Function]}
                                     >
                                       <td
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className="pf-c-table__check"
                                         data-key={0}
                                         data-label=""
@@ -2563,7 +2563,7 @@ exports[`Selectable virtualized table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Branches"
@@ -2599,7 +2599,7 @@ exports[`Selectable virtualized table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Pull requests"
@@ -2635,7 +2635,7 @@ exports[`Selectable virtualized table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Workspaces"
@@ -2671,7 +2671,7 @@ exports[`Selectable virtualized table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label="Last Commit"
@@ -4244,7 +4244,7 @@ exports[`Simple Actions table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -4280,7 +4280,7 @@ exports[`Simple Actions table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -4316,7 +4316,7 @@ exports[`Simple Actions table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -4352,7 +4352,7 @@ exports[`Simple Actions table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -4387,7 +4387,7 @@ exports[`Simple Actions table 1`] = `
                                       onMouseEnter={[Function]}
                                     >
                                       <td
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label=""
@@ -5350,7 +5350,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label="Header cell"
@@ -5386,7 +5386,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -5422,7 +5422,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -5458,7 +5458,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -5494,7 +5494,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -6459,7 +6459,7 @@ exports[`Simple virtualized table className 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label="Header cell"
@@ -6495,7 +6495,7 @@ exports[`Simple virtualized table className 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -6531,7 +6531,7 @@ exports[`Simple virtualized table className 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -6567,7 +6567,7 @@ exports[`Simple virtualized table className 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -6603,7 +6603,7 @@ exports[`Simple virtualized table className 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -7667,7 +7667,7 @@ exports[`Sortable Virtualized Table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -7703,7 +7703,7 @@ exports[`Sortable Virtualized Table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -7739,7 +7739,7 @@ exports[`Sortable Virtualized Table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -7775,7 +7775,7 @@ exports[`Sortable Virtualized Table 1`] = `
                                       scope="col"
                                     >
                                       <th
-                                        aria-sort="none"
+                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"

From 2b8228672b9182d0e9ce5efaf4a0c10707646c67 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Mon, 12 Oct 2020 13:41:45 -0400
Subject: [PATCH 09/29] wip

---
 .../src/components/BaseTable/BaseBodyCell.tsx |  62 +-
 .../components/BaseTable/BaseHeaderCell.tsx   |  34 +-
 .../src/components/BaseTable/BaseTable.tsx    |  25 +-
 .../components/BaseTable/BaseTableBody.tsx    |   7 +-
 .../components/BaseTable/BaseTableBodyRow.tsx |  22 +-
 .../src/components/Table/BodyCell.tsx         |  20 +-
 .../src/components/Table/BodyWrapper.tsx      |   9 +-
 .../src/components/Table/HeaderCell.tsx       |  43 +-
 .../src/components/Table/RowWrapper.tsx       |  23 +-
 .../src/components/Table/Table.tsx            |  32 +-
 .../src/components/Table/base/provider.tsx    |   1 +
 .../src/components/Table/base/types.tsx       |   4 +-
 .../Table/examples/ComposableTable.md         | 831 ++++++++++++++++++
 .../src/components/Table/examples/Table.md    | 504 +----------
 14 files changed, 1018 insertions(+), 599 deletions(-)
 create mode 100644 packages/react-table/src/components/Table/examples/ComposableTable.md

diff --git a/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx b/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
index dfbabf8816e..fa7fe147dc1 100644
--- a/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
@@ -8,8 +8,13 @@ import {
   IAreActionsDisabled,
   IActionsResolver,
   IActions,
-  IFormatterValueType
+  IFormatterValueType,
+  collapsible,
+  expandedRow,
+  IRowData,
+  IExtraData
 } from '../Table';
+import { mergeProps } from '../Table/base/merge-props';
 import {
   DropdownDirection,
   DropdownPosition
@@ -20,6 +25,8 @@ export interface BaseBodyCellProps extends Omit<React.HTMLProps<HTMLTableDataCel
   children?: React.ReactNode;
   /** Additional classes added to the <td> body cell  */
   className?: string;
+  /** Element to render */
+  component?: React.ReactNode;
   /**
    * The column header the cell corresponds to.
    * This attribute replaces table header in mobile viewport. It is rendered by ::before pseudo element.
@@ -51,6 +58,18 @@ export interface BaseBodyCellProps extends Omit<React.HTMLProps<HTMLTableDataCel
   actionsDropdownPosition?: DropdownPosition;
   /** Actions dropdown direction */
   actionsDropdownDirection?: DropdownDirection;
+  /** Turns the cell into an expansion toggle */
+  isExpanded?: boolean;
+  /** On toggling the expansion */
+  onCollapse?: (
+    event: React.MouseEvent,
+    rowIndex: number,
+    isOpen: boolean,
+    rowData: IRowData,
+    extraData: IExtraData
+  ) => undefined;
+  /** True to remove padding */
+  noPadding?: boolean;
   /** Forwarded ref */
   innerRef?: React.Ref<any>;
 }
@@ -58,6 +77,7 @@ export interface BaseBodyCellProps extends Omit<React.HTMLProps<HTMLTableDataCel
 const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
   children,
   className,
+  component = 'td',
   dataLabel,
   columnIndex,
   rowIndex,
@@ -72,6 +92,9 @@ const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
   actionsDisabled,
   actionsDropdownPosition,
   actionsDropdownDirection,
+  isExpanded = null,
+  onCollapse,
+  noPadding,
   innerRef,
   ...props
 }: BaseBodyCellProps) => {
@@ -108,9 +131,40 @@ const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
         }
       })
     : null;
-  const Component: any = (selectParams && selectParams.component) || 'td';
+  const expandableParams =
+    isExpanded !== null
+      ? mergeProps(
+          collapsible(null, {
+            rowIndex,
+            columnIndex,
+            rowData: {
+              isOpen: isExpanded
+            },
+            column: {
+              extraParams: {
+                onCollapse
+              }
+            }
+          }),
+          /* expandedRow()('true', {
+            rowIndex,
+            columnIndex,
+            rowData: {
+              parent: 0,
+              noPadding
+            },
+            column: {
+              extraParams: {}
+            }
+          }) */
+        )
+      : null;
+  const Component: any = (selectParams && selectParams.component) || component;
   const transformedChildren =
-    (selectParams && selectParams.children) || (actionParams && actionParams.children) || children;
+    (selectParams && selectParams.children) ||
+    (actionParams && actionParams.children) ||
+    (expandableParams && expandableParams.children) ||
+    children;
   return (
     <Component
       data-label={dataLabel}
@@ -118,8 +172,10 @@ const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
       className={css(
         className,
         textCenter && styles.modifiers.center,
+        noPadding && styles.modifiers.noPadding,
         selectParams && selectParams.className,
         actionParams && actionParams.className,
+        expandableParams && expandableParams.className,
         modifier && styles.modifiers[modifier as 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap']
       )}
       ref={innerRef}
diff --git a/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx b/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
index e60b733602f..5d25297f0c7 100644
--- a/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
@@ -11,6 +11,7 @@ import {
   ISortBy,
   OnSort
 } from '../Table';
+import { Tooltip } from '@patternfly/react-core/dist/js/components/Tooltip/Tooltip';
 
 export interface BaseHeaderCellProps extends Omit<React.HTMLProps<HTMLTableHeaderCellElement>, 'onSelect'> {
   /** Content rendered inside the <th> header cell */
@@ -41,6 +42,15 @@ export interface BaseHeaderCellProps extends Omit<React.HTMLProps<HTMLTableHeade
   allRowsSelected?: boolean;
   /** Forwarded ref */
   innerRef?: React.Ref<any>;
+  /**
+   * Tooltip to show on the header cell
+   * Note: If the header cell is truncated and has simple string content, it will already attempt to display the header text
+   * If you want to show a tooltip that differs from the header text, you can set it here
+   * To disable it completely you can set it to null
+   */
+  tooltip?: React.ReactNode;
+  /** Callback on mouse enter */
+  onMouseEnter?: (event: any) => void;
 }
 
 const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
@@ -57,9 +67,20 @@ const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
   onSelect,
   selectVariant = 'checkbox',
   allRowsSelected,
+  tooltip = '',
+  onMouseEnter: onMouseEnterProp = () => {},
   innerRef,
   ...props
 }: BaseHeaderCellProps) => {
+  const [showTooltip, setShowTooltip] = React.useState(false);
+  const onMouseEnter = (event: any) => {
+    if (event.target.offsetWidth < event.target.scrollWidth) {
+      !showTooltip && setShowTooltip(true);
+    } else {
+      showTooltip && setShowTooltip(false);
+    }
+    onMouseEnterProp(event);
+  };
   const sortParams = onSort
     ? sortable(children as IFormatterValueType, {
         columnIndex,
@@ -89,8 +110,10 @@ const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
   const Component: any = (sortParams && sortParams.component) || (selectParams && selectParams.component) || component;
   const transformedChildren =
     (sortParams && sortParams.children) || (selectParams && selectParams.children) || children;
-  return (
+  // const canShowTooltip = tooltip !== null && ((tooltip === '' && typeof children === 'string') || tooltip !== '');
+  const cell = (
     <Component
+      onMouseEnter={tooltip !== null ? onMouseEnter : onMouseEnterProp}
       scope="col"
       aria-sort={sortParams ? (sortParams['aria-sort'] as 'none' | 'ascending' | 'descending') : null}
       ref={innerRef}
@@ -108,6 +131,15 @@ const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
       {transformedChildren}
     </Component>
   );
+
+  const canDefault = tooltip === '' ? typeof children === 'string' : true;
+  return tooltip !== null && canDefault && showTooltip ? (
+    <Tooltip content={tooltip || (tooltip === '' && children)} isVisible>
+      {cell}
+    </Tooltip>
+  ) : (
+    cell
+  );
 };
 
 export const BaseHeaderCell = React.forwardRef(
diff --git a/packages/react-table/src/components/BaseTable/BaseTable.tsx b/packages/react-table/src/components/BaseTable/BaseTable.tsx
index f2dd1b7d552..b9a15b17d40 100644
--- a/packages/react-table/src/components/BaseTable/BaseTable.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseTable.tsx
@@ -12,10 +12,13 @@ export interface BaseTableProps extends React.HTMLProps<HTMLTableElement>, OUIAP
   children?: React.ReactNode;
   /** Additional classes added to the Table  */
   className?: string;
-  /** Style variant for the Table  */
-  variant?: 'compact';
-  /** Render borders  */
-  borders?: boolean;
+  /**
+   * Style variant for the Table
+   * compact: Modifies to remove borders between rows
+   * compactBorderless: Compact and removes the border lines
+   * compactExpandable: Compact and indicates that the table has expandable rows
+   */
+  variant?: TableVariant | 'compact' | 'compactBorderless' | 'compactExpandable';
   /** Specifies the grid breakpoints  */
   gridBreakPoint?: '' | 'grid' | 'grid-md' | 'grid-lg' | 'grid-xl' | 'grid-2xl';
   /** A valid WAI-ARIA role to be applied to the table element */
@@ -30,7 +33,6 @@ const BaseTableBase: React.FunctionComponent<BaseTableProps> = ({
   children,
   className,
   variant,
-  borders = true,
   isStickyHeader = false,
   gridBreakPoint = TableGridBreakpoint.gridMd,
   'aria-label': ariaLabel,
@@ -41,6 +43,15 @@ const BaseTableBase: React.FunctionComponent<BaseTableProps> = ({
   ...props
 }: BaseTableProps) => {
   const ouiaProps = useOUIAProps('Table', ouiaId, ouiaSafe);
+  const variantModifiers = () => {
+    if (variant === 'compact') {
+      return styles.modifiers.compact;
+    } else if (variant === 'compactBorderless') {
+      return css(styles.modifiers.compact, styles.modifiers.noBorderRows);
+    } else if (variant === 'compactExpandable') {
+      return css(styles.modifiers.compact, styles.modifiers.expandable);
+    }
+  };
   return (
     <table
       aria-label={ariaLabel}
@@ -52,9 +63,7 @@ const BaseTableBase: React.FunctionComponent<BaseTableProps> = ({
           stylesGrid.modifiers[
             toCamel(gridBreakPoint).replace(/-?2xl/, '_2xl') as 'grid' | 'gridMd' | 'gridLg' | 'gridXl' | 'grid_2xl'
           ],
-        styles.modifiers[variant],
-        // ((onCollapse && variant === TableVariant.compact) || onExpand) && styles.modifiers.expandable,
-        variant === TableVariant.compact && borders === false && styles.modifiers.noBorderRows,
+        variantModifiers(),
         isStickyHeader && styles.modifiers.stickyHeader
       )}
       ref={innerRef}
diff --git a/packages/react-table/src/components/BaseTable/BaseTableBody.tsx b/packages/react-table/src/components/BaseTable/BaseTableBody.tsx
index f7ced7ca81d..2ebfa422cf7 100644
--- a/packages/react-table/src/components/BaseTable/BaseTableBody.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseTableBody.tsx
@@ -1,10 +1,14 @@
 import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Table/table';
 
 export interface BaseTableBodyProps extends React.HTMLProps<HTMLTableSectionElement> {
   /** Content rendered inside the <tr> row */
   children?: React.ReactNode;
   /** Additional classes added to the <tr> row  */
   className?: string;
+  /** Modifies the body to allow for expandable rows */
+  isExpanded?: boolean;
   /** Forwarded ref */
   innerRef?: React.Ref<any>;
 }
@@ -12,10 +16,11 @@ export interface BaseTableBodyProps extends React.HTMLProps<HTMLTableSectionElem
 const BaseTableBodyBase: React.FunctionComponent<BaseTableBodyProps> = ({
   children,
   className,
+  isExpanded,
   innerRef,
   ...props
 }: BaseTableBodyProps) => (
-  <tbody role="rowgroup" className={className} ref={innerRef} {...props}>
+  <tbody role="rowgroup" className={css(className, isExpanded && styles.modifiers.expanded)} ref={innerRef} {...props}>
     {children}
   </tbody>
 );
diff --git a/packages/react-table/src/components/BaseTable/BaseTableBodyRow.tsx b/packages/react-table/src/components/BaseTable/BaseTableBodyRow.tsx
index f15a8bb1026..121b3ce03b1 100644
--- a/packages/react-table/src/components/BaseTable/BaseTableBodyRow.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseTableBodyRow.tsx
@@ -1,11 +1,18 @@
 import * as React from 'react';
 import { useOUIAProps, OUIAProps } from '@patternfly/react-core';
+import styles from '@patternfly/react-styles/css/components/Table/table';
+import inlineStyles from '@patternfly/react-styles/css/components/InlineEdit/inline-edit';
+import { css } from '@patternfly/react-styles';
 
 export interface BaseTableBodyRowProps extends React.HTMLProps<HTMLTableRowElement>, OUIAProps {
   /** Content rendered inside the <tr> row */
   children?: React.ReactNode;
   /** Additional classes added to the <tr> row  */
   className?: string;
+  /** Makes the row expandable and determines if it's expanded or not */
+  isExpanded?: boolean;
+  /** Whether the row is editable */
+  isEditable?: boolean;
   /** Forwarded ref */
   innerRef?: React.Ref<any>;
 }
@@ -13,6 +20,8 @@ export interface BaseTableBodyRowProps extends React.HTMLProps<HTMLTableRowEleme
 const BaseTableBodyRowBase: React.FunctionComponent<BaseTableBodyRowProps> = ({
   children,
   className,
+  isExpanded,
+  isEditable,
   innerRef,
   ouiaId,
   ouiaSafe = true,
@@ -20,7 +29,18 @@ const BaseTableBodyRowBase: React.FunctionComponent<BaseTableBodyRowProps> = ({
 }: BaseTableBodyRowProps) => {
   const ouiaProps = useOUIAProps('TableRow', ouiaId, ouiaSafe);
   return (
-    <tr className={className} ref={innerRef} {...ouiaProps} {...props}>
+    <tr
+      className={css(
+        className,
+        isExpanded !== undefined && styles.tableExpandableRow,
+        isExpanded && styles.modifiers.expanded,
+        isEditable && inlineStyles.modifiers.inlineEditable
+      )}
+      hidden={isExpanded !== undefined && !isExpanded}
+      ref={innerRef}
+      {...ouiaProps}
+      {...props}
+    >
       {children}
     </tr>
   );
diff --git a/packages/react-table/src/components/Table/BodyCell.tsx b/packages/react-table/src/components/Table/BodyCell.tsx
index 054230cd779..d775f50fa90 100644
--- a/packages/react-table/src/components/Table/BodyCell.tsx
+++ b/packages/react-table/src/components/Table/BodyCell.tsx
@@ -1,8 +1,7 @@
 import * as React from 'react';
-import { css } from '@patternfly/react-styles';
 import { Tooltip } from '@patternfly/react-core/dist/js/components/Tooltip/Tooltip';
-import styles from '@patternfly/react-styles/css/components/Table/table';
 import { SelectProps } from '@patternfly/react-core';
+import { BaseBodyCell } from '../BaseTable/BaseBodyCell';
 
 export interface BodyCellProps {
   'data-label'?: string;
@@ -51,11 +50,6 @@ export const BodyCell: React.FunctionComponent<BodyCellProps> = ({
   /* eslint-enable @typescript-eslint/no-unused-vars */
   ...props
 }: BodyCellProps) => {
-  const mappedProps = {
-    ...(dataLabel && !parentId ? { 'data-label': dataLabel } : {}),
-    ...props
-  };
-
   const [tooltip, setTooltip] = React.useState('');
   const onMouseEnter = (event: any) => {
     if (event.target.offsetWidth < event.target.scrollWidth) {
@@ -70,16 +64,18 @@ export const BodyCell: React.FunctionComponent<BodyCellProps> = ({
     onMouseEnterProp(event);
   };
 
-  const Component = component as any;
   const cell = (
-    <Component
-      {...mappedProps}
+    <BaseBodyCell
+      className={className}
+      component={component}
+      dataLabel={dataLabel && !parentId ? dataLabel : null}
       onMouseEnter={onMouseEnter}
-      className={css(className, textCenter && styles.modifiers.center)}
+      textCenter={textCenter}
       colSpan={colSpan}
+      {...props}
     >
       {children}
-    </Component>
+    </BaseBodyCell>
   );
 
   const bodyCell =
diff --git a/packages/react-table/src/components/Table/BodyWrapper.tsx b/packages/react-table/src/components/Table/BodyWrapper.tsx
index 56e609caf74..22ca6866b6a 100644
--- a/packages/react-table/src/components/Table/BodyWrapper.tsx
+++ b/packages/react-table/src/components/Table/BodyWrapper.tsx
@@ -1,6 +1,4 @@
 import * as React from 'react';
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/Table/table';
 import { IRow, IRowData, IExtraData, IHeaderRow } from './Table';
 import { mapOpenedRows } from './utils/headerUtils';
 import { BaseTableBody } from '../BaseTable/BaseTableBody';
@@ -34,12 +32,7 @@ export const BodyWrapper: React.FunctionComponent<BodyWrapperProps> = ({
     return (
       <React.Fragment>
         {mapOpenedRows(mappedRows, props.children).map((oneRow, key) => (
-          <BaseTableBody
-            {...props}
-            className={css(oneRow.isOpen && styles.modifiers.expanded)}
-            key={`tbody-${key}`}
-            ref={tbodyRef as React.Ref<any>}
-          >
+          <BaseTableBody {...props} isExpanded={oneRow.isOpen} key={`tbody-${key}`} ref={tbodyRef as React.Ref<any>}>
             {oneRow.rows}
           </BaseTableBody>
         ))}
diff --git a/packages/react-table/src/components/Table/HeaderCell.tsx b/packages/react-table/src/components/Table/HeaderCell.tsx
index a480a59bc1f..ae5fd60464a 100644
--- a/packages/react-table/src/components/Table/HeaderCell.tsx
+++ b/packages/react-table/src/components/Table/HeaderCell.tsx
@@ -1,7 +1,4 @@
 import * as React from 'react';
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/Table/table';
-import { Tooltip } from '@patternfly/react-core/dist/js/components/Tooltip/Tooltip';
 import { BaseHeaderCell } from '../BaseTable/BaseHeaderCell';
 
 export interface HeaderCellProps {
@@ -22,8 +19,8 @@ export const HeaderCell: React.FunctionComponent<HeaderCellProps> = ({
   component = 'th',
   scope = '',
   textCenter = false,
-  tooltip: tooltipProp = '',
-  onMouseEnter: onMouseEnterProp = () => {},
+  tooltip = '',
+  onMouseEnter = () => {},
   children,
   /* eslint-disable @typescript-eslint/no-unused-vars */
   isVisible,
@@ -31,42 +28,18 @@ export const HeaderCell: React.FunctionComponent<HeaderCellProps> = ({
   /* eslint-enable @typescript-eslint/no-unused-vars */
   ...props
 }: HeaderCellProps) => {
-  const mappedProps = {
-    ...(scope ? { scope } : {}),
-    ...props
-  };
-
-  const [tooltip, setTooltip] = React.useState('');
-  const onMouseEnter = (event: any) => {
-    if (event.target.offsetWidth < event.target.scrollWidth) {
-      if (tooltipProp) {
-        setTooltip(tooltipProp);
-      } else if (typeof children === 'string') {
-        setTooltip(children);
-      }
-    } else {
-      setTooltip('');
-    }
-    onMouseEnterProp(event);
-  };
-
-  const cell = (
+  return (
     <BaseHeaderCell
-      {...mappedProps}
+      {...props}
+      scope={scope}
+      tooltip={tooltip}
       onMouseEnter={onMouseEnter}
-      className={css(className, textCenter && styles.modifiers.center)}
+      textCenter={textCenter}
       component={component}
+      className={className}
     >
       {children}
     </BaseHeaderCell>
   );
-
-  return tooltip !== '' ? (
-    <Tooltip content={tooltip} isVisible>
-      {cell}
-    </Tooltip>
-  ) : (
-    cell
-  );
 };
 HeaderCell.displayName = 'HeaderCell';
diff --git a/packages/react-table/src/components/Table/RowWrapper.tsx b/packages/react-table/src/components/Table/RowWrapper.tsx
index 940456cebf2..56ded4a225d 100644
--- a/packages/react-table/src/components/Table/RowWrapper.tsx
+++ b/packages/react-table/src/components/Table/RowWrapper.tsx
@@ -1,9 +1,6 @@
 import * as React from 'react';
-import { getOUIAProps, OUIAProps, getDefaultOUIAId } from '@patternfly/react-core/dist/js/helpers/ouia';
+import { OUIAProps } from '@patternfly/react-core/dist/js/helpers/ouia';
 import { debounce } from '@patternfly/react-core/dist/js/helpers/util';
-import styles from '@patternfly/react-styles/css/components/Table/table';
-import inlineStyles from '@patternfly/react-styles/css/components/InlineEdit/inline-edit';
-import { css } from '@patternfly/react-styles';
 import { BaseTableBodyRow } from '../BaseTable/BaseTableBodyRow';
 
 // legacy export now, RowWrapperRow can simply be typed as IRow in the future
@@ -25,7 +22,7 @@ export interface RowWrapperProps extends OUIAProps {
   };
 }
 
-export class RowWrapper extends React.Component<RowWrapperProps, { ouiaStateId: string }> {
+export class RowWrapper extends React.Component<RowWrapperProps> {
   static displayName = 'RowWrapper';
   static defaultProps = {
     className: '' as string,
@@ -48,10 +45,6 @@ export class RowWrapper extends React.Component<RowWrapperProps, { ouiaStateId:
     if (props.onResize) {
       this.handleResize = debounce(this.handleResize, 100);
     }
-
-    this.state = {
-      ouiaStateId: getDefaultOUIAId('TableRow')
-    };
   }
 
   componentDidMount() {
@@ -106,14 +99,10 @@ export class RowWrapper extends React.Component<RowWrapperProps, { ouiaStateId:
       <BaseTableBodyRow
         {...props}
         ref={trRef as React.Ref<any>}
-        className={css(
-          className,
-          isExpanded !== undefined && styles.tableExpandableRow,
-          isExpanded && styles.modifiers.expanded,
-          isEditable && inlineStyles.modifiers.inlineEditable
-        )}
-        hidden={isExpanded !== undefined && !isExpanded}
-        {...getOUIAProps('TableRow', ouiaId !== undefined ? ouiaId : this.state.ouiaStateId)}
+        isExpanded={isExpanded}
+        isEditable={isEditable}
+        className={className}
+        ouiaId={ouiaId}
       />
     );
   }
diff --git a/packages/react-table/src/components/Table/Table.tsx b/packages/react-table/src/components/Table/Table.tsx
index 3c4ae5894d5..5417e75d5e2 100644
--- a/packages/react-table/src/components/Table/Table.tsx
+++ b/packages/react-table/src/components/Table/Table.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import styles from '@patternfly/react-styles/css/components/Table/table';
 import { OUIAProps, getDefaultOUIAId } from '@patternfly/react-core';
 import {
   DropdownDirection,
@@ -26,7 +25,9 @@ export enum TableGridBreakpoint {
 }
 
 export enum TableVariant {
-  compact = 'compact'
+  compact = 'compact',
+  compactBorderless = 'compactBorderless',
+  compactExpandable = 'compactExpandable'
 }
 
 export type RowEditType = 'save' | 'cancel' | 'edit';
@@ -258,8 +259,12 @@ export interface TableProps extends OUIAProps {
   /** Additional classes added to the Table  */
   className?: string;
   /** Style variant for the Table  */
-  variant?: 'compact';
-  /** Render borders  */
+  variant?: 'compact' | 'compactBorderless' | 'compactExpandable';
+  /**
+   * Render borders
+   *
+   * @deprecated Borders can only be removed for the compact table, set variant="compactBorderless" instead
+   */
   borders?: boolean;
   /** Specifies the grid breakpoints  */
   gridBreakPoint?: '' | 'grid' | 'grid-md' | 'grid-lg' | 'grid-xl' | 'grid-2xl';
@@ -396,6 +401,7 @@ export class Table extends React.Component<TableProps, {}> {
       bodyWrapper,
       rowWrapper,
       role,
+      borders,
       ...props
     } = this.props;
 
@@ -425,6 +431,18 @@ export class Table extends React.Component<TableProps, {}> {
       firstUserColumnIndex: [onCollapse, onSelect].filter(callback => callback).length
     });
 
+    const getVariant = () => {
+      if (variant === 'compact') {
+        if (borders === false) {
+          return 'compactBorderless';
+        } else if (onCollapse || onExpand) {
+          return 'compactExpandable';
+        }
+        return 'compact';
+      }
+      return variant;
+    };
+
     const table = (
       <TableContext.Provider
         value={{
@@ -449,10 +467,8 @@ export class Table extends React.Component<TableProps, {}> {
           }}
           columns={headerData}
           role={role}
-          className={css(
-            ((onCollapse && variant === TableVariant.compact) || onExpand) && styles.modifiers.expandable,
-            className
-          )}
+          variant={getVariant()}
+          className={className}
         >
           {caption && <caption>{caption}</caption>}
           {children}
diff --git a/packages/react-table/src/components/Table/base/provider.tsx b/packages/react-table/src/components/Table/base/provider.tsx
index dffb6379ecb..1c968c71e73 100644
--- a/packages/react-table/src/components/Table/base/provider.tsx
+++ b/packages/react-table/src/components/Table/base/provider.tsx
@@ -11,6 +11,7 @@ export interface ProviderProps extends RenderersTypes {
   children?: React.ReactNode;
   role?: string;
   className?: string;
+  variant?: 'compact' | 'compactBorderless' | 'compactExpandable';
 }
 
 export const ProviderContext = React.createContext({
diff --git a/packages/react-table/src/components/Table/base/types.tsx b/packages/react-table/src/components/Table/base/types.tsx
index fa7a84918bf..5016013efd7 100644
--- a/packages/react-table/src/components/Table/base/types.tsx
+++ b/packages/react-table/src/components/Table/base/types.tsx
@@ -108,12 +108,12 @@ export interface RendererType {
 export interface RenderersTypes {
   columns: ColumnsType;
   renderers?: {
-    table?: string;
+    table?: any;
     header?: RendererType;
     body?: RendererType;
   };
   components?: {
-    table?: string;
+    table?: any;
     header?: {
       wrapper?: rendererType;
       row?: rendererType;
diff --git a/packages/react-table/src/components/Table/examples/ComposableTable.md b/packages/react-table/src/components/Table/examples/ComposableTable.md
new file mode 100644
index 00000000000..cbdfdeaae27
--- /dev/null
+++ b/packages/react-table/src/components/Table/examples/ComposableTable.md
@@ -0,0 +1,831 @@
+---
+id: TableComposable
+cssPrefix: pf-c-table
+section: components
+propComponents:
+  [
+    'Table',
+    'TableHeader',
+    'TableBody',
+    'EditableSelectInputCell',
+    'EditableTextCell',
+    'RowErrors',
+    'IHeaderRow',
+    'IRowData',
+    'IColumn',
+    'IExtraRowData',
+    'IExtraColumnData',
+    'ISortBy',
+    'IAction',
+    'ISeparator',
+    'ICell',
+    'IRowCell',
+    'IValidatorDef',
+    'IRow',
+  ]
+ouia: true
+---
+
+Note: Table lives in its own package at [@patternfly/react-table](https://www.npmjs.com/package/@patternfly/react-table)!
+
+import {
+Table,
+TableHeader,
+TableBody,
+TableText,
+sortable,
+SortByDirection,
+headerCol,
+TableVariant,
+expandable,
+compoundExpand,
+cellWidth,
+textCenter,
+wrappable,
+truncate,
+nowrap,
+breakWord,
+fitContent,
+classNames,
+Visibility,
+getErrorTextByValidator,
+cancelCellEdits,
+validateCellEdits,
+applyCellEdits,
+EditableTextCell,
+EditableSelectInputCell,
+BaseTable,
+BaseTableCaption,
+BaseTableHead,
+BaseTableBody,
+BaseTableHeaderRow,
+BaseTableBodyRow,
+BaseHeaderCell,
+BaseBodyCell,
+HeaderCellInfoWrapper,
+ExpandableRowContent
+} from '@patternfly/react-table';
+
+import {
+EmptyStateIcon,
+ToggleGroup,
+ToggleGroupItem
+} from '@patternfly/react-core';
+
+import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
+import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-icon';
+import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
+import CubeIcon from '@patternfly/react-icons/dist/js/icons/cube-icon';
+
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Table/table';
+
+import DemoSortableTable from './DemoSortableTable';
+
+## Composable table examples
+
+### Composable: Basic, Row click handler, Custom row wrapper
+
+```js
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  HeaderCellInfoWrapper
+} from '@patternfly/react-table';
+
+ComposableTableBasic = () => {
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit'
+  ]);
+  const [data, setData] = React.useState([
+    ['one', 'two', 'three', 'four', 'five'],
+    ['one - 2', null, null, 'four - 2', 'five - 2'],
+    ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3 (not centered)']
+  ]);
+  // map additional configuration to the data
+  // key: row_column
+  const dataConfig = {
+    '1_0': {
+      title: text => <div>{text}</div>,
+      props: { title: 'hover title', colSpan: 3 }
+    },
+    '2_4': {
+      props: { textCenter: false }
+    }
+  };
+  const onRowClick = (event, rowIndex, row) => {
+    console.log(`handle row click ${rowIndex}`, row);
+  };
+  return (
+    <BaseTable aria-label="Simple Table">
+      <BaseTableHead noWrap>
+        <BaseTableHeaderRow>
+          <BaseHeaderCell columnIndex={0} dataLabel={columns[0]}>
+            <HeaderCellInfoWrapper
+              variant="tooltip"
+              info="More information about repositories"
+              className="repositories-info-tip"
+              tooltipProps={{
+                isContentLeftAligned: true
+              }}
+            >
+              {columns[0]}
+            </HeaderCellInfoWrapper>
+          </BaseHeaderCell>
+          <BaseHeaderCell columnIndex={1} dataLabel={columns[0]}>
+            {columns[1]}
+          </BaseHeaderCell>
+          <BaseHeaderCell columnIndex={2} dataLabel={columns[2]}>
+            <HeaderCellInfoWrapper
+              variant="popover"
+              info={
+                <div>
+                  More <strong>information</strong> on pull requests
+                </div>
+              }
+              ariaLabel="More information on pull requests"
+              popoverProps={{
+                headerContent: 'Pull requests',
+                footerContent: <a href="">Click here for even more info</a>
+              }}
+            >
+              {columns[2]}
+            </HeaderCellInfoWrapper>
+          </BaseHeaderCell>
+          <BaseHeaderCell columnIndex={3} dataLabel={columns[3]}>
+            {columns[3]}
+          </BaseHeaderCell>
+          <BaseHeaderCell columnIndex={4} dataLabel={columns[4]} textCenter>
+            {columns[4]}
+          </BaseHeaderCell>
+        </BaseTableHeaderRow>
+      </BaseTableHead>
+      <BaseTableBody>
+        {data.map((row, rowIndex) => {
+          const isOddRow = (rowIndex + 1) % 2;
+          const customStyle = {
+            borderLeft: '3px solid var(--pf-global--primary-color--100)'
+          };
+          return (
+            <BaseTableBodyRow
+              key={rowIndex}
+              onClick={event => onRowClick(event, rowIndex, row)}
+              className={isOddRow ? 'odd-row-class' : 'even-row-class'}
+              style={isOddRow ? customStyle : {}}
+            >
+              {row.map((cell, cellIndex) => {
+                if (!cell) {
+                  return null;
+                }
+                const cellConfig = dataConfig[`${rowIndex}_${cellIndex}`];
+                return (
+                  <BaseBodyCell
+                    key={`${rowIndex}_${cellIndex}`}
+                    columnIndex={cellIndex}
+                    dataLabel={columns[cellIndex]}
+                    textCenter={cellIndex === row.length - 1}
+                    {...((cellConfig && cellConfig.props) || {})}
+                  >
+                    {cellConfig && cellConfig.title ? cellConfig.title(cell) : cell}
+                  </BaseBodyCell>
+                );
+              })}
+            </BaseTableBodyRow>
+          );
+        })}
+      </BaseTableBody>
+    </BaseTable>
+  );
+};
+```
+
+### Composable: Sortable, Sortable with wrapping headers
+
+```js
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  HeaderCellInfoWrapper
+} from '@patternfly/react-table';
+
+ComposableTableSortable = () => {
+  const [columns, setColumns] = React.useState([
+    'This is a really long table header that goes on for a long time 1.',
+    'This is a really long table header that goes on for a long time 2.',
+    'This is a really long table header that goes on for a long time 3.',
+    'This is a really long table header that goes on for a long time 4.',
+    'This is a really long table header that goes on for a long time 5.'
+  ]);
+  const [data, setData] = React.useState([
+    ['one', 'two', 'a', 'four', 'five'],
+    ['a', 'two', 'k', 'four', 'five'],
+    ['p', 'two', 'b', 'four', 'five']
+  ]);
+  // index of the currently active column
+  const [activeSortIndex, setActiveSortIndex] = React.useState(-1);
+  // sort direction of the currently active column
+  const [activeSortDirection, setActiveSortDirection] = React.useState('none');
+  const onSort = (event, index, direction, extraData) => {
+    setActiveSortIndex(index);
+    setActiveSortDirection(direction);
+    // sorts the row data
+    const updatedData = data.sort((a, b) => {
+      if (typeof a[index] === 'number') {
+        // numeric sort
+        if (direction === 'asc') {
+          return a[index] - b[index];
+        }
+        return b[index] - a[index];
+      } else {
+        // string sort
+        if (direction === 'asc') {
+          return a[index].localeCompare(b[index]);
+        }
+        return b[index].localeCompare(a[index]);
+      }
+    });
+    setData(updatedData);
+  };
+  return (
+    <BaseTable aria-label="Sortable Table">
+      <BaseTableHead>
+        <BaseTableHeaderRow>
+          <BaseHeaderCell
+            columnIndex={0}
+            modifier="wrap"
+            activeSortIndex={activeSortIndex}
+            activeSortDirection={activeSortDirection}
+            onSort={onSort}
+          >
+            {columns[0]}
+          </BaseHeaderCell>
+          <BaseHeaderCell columnIndex={1} modifier="wrap">
+            {columns[1]}
+          </BaseHeaderCell>
+          <BaseHeaderCell
+            columnIndex={2}
+            modifier="wrap"
+            activeSortIndex={activeSortIndex}
+            activeSortDirection={activeSortDirection}
+            onSort={onSort}
+          >
+            {columns[2]}
+          </BaseHeaderCell>
+          <BaseHeaderCell columnIndex={3} modifier="wrap">
+            {columns[3]}
+          </BaseHeaderCell>
+          <BaseHeaderCell
+            columnIndex={4}
+            modifier="wrap"
+            activeSortIndex={activeSortIndex}
+            activeSortDirection={activeSortDirection}
+            onSort={onSort}
+          >
+            {columns[4]}
+          </BaseHeaderCell>
+        </BaseTableHeaderRow>
+      </BaseTableHead>
+      <BaseTableBody>
+        {data.map((row, rowIndex) => (
+          <BaseTableBodyRow key={rowIndex}>
+            {row.map((cell, cellIndex) => (
+              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
+                {cell}
+              </BaseBodyCell>
+            ))}
+          </BaseTableBodyRow>
+        ))}
+      </BaseTableBody>
+    </BaseTable>
+  );
+};
+```
+
+### Composable: Selectable
+
+```js
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  HeaderCellInfoWrapper
+} from '@patternfly/react-table';
+
+ComposableTableSelectable = () => {
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit'
+  ]);
+  const [data, setData] = React.useState([
+    ['one', 'two', 'a', 'four', 'five'],
+    ['a', 'two', 'k', 'four', 'five'],
+    ['p', 'two', 'b', 'four', 'five']
+  ]);
+  const [allRowsSelected, setAllRowsSelected] = React.useState(false);
+  const [selected, setSelected] = React.useState(data.map(row => false));
+  const onSelect = (event, isSelected, rowId, rowData, extraData) => {
+    setSelected(selected.map((sel, index) => (index === rowId ? isSelected : sel)));
+    if (!isSelected && allRowsSelected) {
+      setAllRowsSelected(false);
+    } else if (isSelected && !allRowsSelected) {
+      let allSelected = true;
+      for (let i = 0; i < selected.length; i++) {
+        if (i !== rowId) {
+          if (!selected[i]) {
+            allSelected = false;
+          }
+        }
+      }
+      if (allSelected) {
+        setAllRowsSelected(true);
+      }
+    }
+  };
+  const onSelectAll = (event, isSelected, rowId, rowData, extraData) => {
+    setAllRowsSelected(isSelected);
+    setSelected(selected.map(sel => isSelected));
+  };
+  return (
+    <BaseTable aria-label="Selectable Table">
+      <BaseTableHead>
+        <BaseTableHeaderRow>
+          <BaseHeaderCell columnIndex={0} onSelect={onSelectAll} allRowsSelected={allRowsSelected} />
+          <BaseHeaderCell columnIndex={1}>{columns[0]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={2}>{columns[1]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={3}>{columns[2]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={4}>{columns[3]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={5}>{columns[4]}</BaseHeaderCell>
+        </BaseTableHeaderRow>
+      </BaseTableHead>
+      <BaseTableBody>
+        {data.map((row, rowIndex) => (
+          <BaseTableBodyRow key={rowIndex}>
+            <BaseBodyCell
+              key={`${rowIndex}_0`}
+              columnIndex={0}
+              rowIndex={rowIndex}
+              onSelect={onSelect}
+              isSelected={selected[rowIndex]}
+              disableSelection={rowIndex === 1}
+            />
+            {row.map((cell, cellIndex) => {
+              const shiftedIndex = cellIndex + 1;
+              return (
+                <BaseBodyCell
+                  key={`${rowIndex}_${shiftedIndex}`}
+                  columnIndex={shiftedIndex}
+                  dataLabel={columns[cellIndex]}
+                >
+                  {cell}
+                </BaseBodyCell>
+              );
+            })}
+          </BaseTableBodyRow>
+        ))}
+      </BaseTableBody>
+    </BaseTable>
+  );
+};
+```
+
+### Composable: Selectable radio input
+
+```js
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  HeaderCellInfoWrapper
+} from '@patternfly/react-table';
+
+ComposableTableSelectableRadio = () => {
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit'
+  ]);
+  const [data, setData] = React.useState([
+    ['one', 'two', 'a', 'four', 'five'],
+    ['a', 'two', 'k', 'four', 'five'],
+    ['p', 'two', 'b', 'four', 'five']
+  ]);
+  const [selected, setSelected] = React.useState(-1);
+  const onSelect = (event, isSelected, rowId, rowData, extraData) => {
+    setSelected(rowId);
+  };
+  return (
+    <BaseTable aria-label="Selectable Table">
+      <BaseTableHead>
+        <BaseTableHeaderRow>
+          <BaseHeaderCell columnIndex={0} />
+          <BaseHeaderCell columnIndex={1}>{columns[0]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={2}>{columns[1]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={3}>{columns[2]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={4}>{columns[3]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={5}>{columns[4]}</BaseHeaderCell>
+        </BaseTableHeaderRow>
+      </BaseTableHead>
+      <BaseTableBody>
+        {data.map((row, rowIndex) => (
+          <BaseTableBodyRow key={rowIndex}>
+            <BaseBodyCell
+              key={`${rowIndex}_0`}
+              columnIndex={0}
+              rowIndex={rowIndex}
+              onSelect={onSelect}
+              isSelected={selected === rowIndex}
+              disableSelection={rowIndex === 1}
+              selectVariant="radio"
+            />
+            {row.map((cell, cellIndex) => {
+              const shiftedIndex = cellIndex + 1;
+              return (
+                <BaseBodyCell
+                  key={`${rowIndex}_${shiftedIndex}`}
+                  columnIndex={shiftedIndex}
+                  dataLabel={columns[cellIndex]}
+                >
+                  {cell}
+                </BaseBodyCell>
+              );
+            })}
+          </BaseTableBodyRow>
+        ))}
+      </BaseTableBody>
+    </BaseTable>
+  );
+};
+```
+
+### Composable: Actions
+
+```js
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  HeaderCellInfoWrapper
+} from '@patternfly/react-table';
+
+ComposableTableActions = () => {
+  const defaultActions = [
+    {
+      title: 'Some action',
+      onClick: (event, rowId, rowData, extra) => console.log('clicked on Some action, on row: ', rowId)
+    },
+    {
+      title: <a href="https://www.patternfly.org">Link action</a>
+    },
+    {
+      isSeparator: true
+    },
+    {
+      title: 'Third action',
+      onClick: (event, rowId, rowData, extra) => console.log('clicked on Third action, on row: ', rowId)
+    }
+  ];
+  const lastRowActions = [
+    {
+      title: 'Some action',
+      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Some action, on row ${rowId}`)
+    },
+    {
+      title: <div>Another action</div>,
+      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Another action, on row ${rowId}`)
+    },
+    {
+      isSeparator: true
+    },
+    {
+      title: 'Third action',
+      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Third action, on row ${rowId}`)
+    }
+  ];
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit'
+  ]);
+  const [data, setData] = React.useState([
+    ['one', 'two', 'a', 'four', 'five'],
+    ['a', 'two', 'k', 'four', 'five'],
+    ['p', 'two', 'b', 'four', 'five'],
+    ['4', '2', 'b', 'four', 'five'],
+    ['5', '2', 'b', 'four', 'five']
+  ]);
+  return (
+    <BaseTable aria-label="Actions Table">
+      <BaseTableHead>
+        <BaseTableHeaderRow>
+          <BaseHeaderCell columnIndex={0}>{columns[0]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={1}>{columns[1]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={2}>{columns[2]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={3}>{columns[3]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={4}>{columns[4]}</BaseHeaderCell>
+          <BaseHeaderCell columnIndex={5} />
+        </BaseTableHeaderRow>
+      </BaseTableHead>
+      <BaseTableBody>
+        {data.map((row, rowIndex) => (
+          <BaseTableBodyRow key={rowIndex}>
+            {row.map((cell, cellIndex) => (
+              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
+                {cell}
+              </BaseBodyCell>
+            ))}
+            <BaseBodyCell
+              key={`${rowIndex}_5`}
+              columnIndex={5}
+              rowIndex={rowIndex}
+              actions={rowIndex === 1 ? null : rowIndex === 4 ? lastRowActions : defaultActions}
+              actionsDisabled={rowIndex === 3}
+            />
+          </BaseTableBodyRow>
+        ))}
+      </BaseTableBody>
+    </BaseTable>
+  );
+};
+```
+
+### Composable: Compact, Compact borderless
+
+```js
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  HeaderCellInfoWrapper
+} from '@patternfly/react-table';
+import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
+
+ComposableTableCompact = () => {
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit'
+  ]);
+  const [data, setData] = React.useState([
+    ['one', 'two', 'a', 'four', 'five'],
+    ['a', 'two', 'k', 'four', 'five'],
+    ['p', 'two', 'b', 'four', 'five'],
+    ['4', '2', 'b', 'four', 'five'],
+    ['5', '2', 'b', 'four', 'five']
+  ]);
+  const [variant, setVariant] = React.useState('compact');
+  const handleItemClick = (isSelected, event) => {
+    const id = event.currentTarget.id;
+    setVariant(id);
+  };
+  return (
+    <React.Fragment>
+      <ToggleGroup aria-label="Default with single selectable">
+        <ToggleGroupItem buttonId="compact" isSelected={variant === 'compact'} onChange={handleItemClick}>
+          Compact
+        </ToggleGroupItem>
+        <ToggleGroupItem
+          buttonId="compactBorderless"
+          isSelected={variant === 'compactBorderless'}
+          onChange={handleItemClick}
+        >
+          Compact & borderless
+        </ToggleGroupItem>
+      </ToggleGroup>
+      <BaseTable aria-label="Compact Table" variant={variant}>
+        <BaseTableHead>
+          <BaseTableHeaderRow>
+            <BaseHeaderCell columnIndex={0}>{columns[0]}</BaseHeaderCell>
+            <BaseHeaderCell columnIndex={1}>{columns[1]}</BaseHeaderCell>
+            <BaseHeaderCell columnIndex={2}>{columns[2]}</BaseHeaderCell>
+            <BaseHeaderCell columnIndex={3}>{columns[3]}</BaseHeaderCell>
+            <BaseHeaderCell columnIndex={4}>{columns[4]}</BaseHeaderCell>
+          </BaseTableHeaderRow>
+        </BaseTableHead>
+        <BaseTableBody>
+          {data.map((row, rowIndex) => (
+            <BaseTableBodyRow key={rowIndex}>
+              {row.map((cell, cellIndex) => (
+                <BaseBodyCell key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
+                  {cell}
+                </BaseBodyCell>
+              ))}
+            </BaseTableBodyRow>
+          ))}
+        </BaseTableBody>
+      </BaseTable>
+    </React.Fragment>
+  );
+};
+```
+
+### Composable: Expandable
+
+```js
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  HeaderCellInfoWrapper,
+  ExpandableRowContent
+} from '@patternfly/react-table';
+import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
+
+ComposableTableExpandable = () => {
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit'
+  ]);
+  const [data, setData] = React.useState([
+    ['one', 'two', 'a', 'four', 'five'],
+    ['parent 1', 'two', 'k', 'four', 'five'],
+    ['parent 2', 'two', 'b', 'four', 'five'],
+    ['parent 3', '2', 'b', 'four', 'five'],
+    ['parent 4', '2', 'b', 'four', 'five'],
+    ['parent 5', '2', 'b', 'four', 'five'],
+    ['parent 6', '2', 'b', 'four', 'five']
+  ]);
+  // key = row index it corresponds to
+  const childData = {
+    '1': { cells: ['single cell'] },
+    '2': { cells: ['single cell - fullWidth'], fullWidth: true },
+    '3': { cells: ['single cell - noPadding'], noPadding: true },
+    '4': { cells: ['single cell - fullWidth & noPadding'], fullWidth: true, noPadding: true },
+    '5': {
+      cells: [
+        {
+          title: "spans 'Repositories' and 'Branches'",
+          props: {
+            colSpan: 2
+          }
+        },
+        {
+          title: "spans 'Pull requests' and 'Workspaces', and 'Last commit'",
+          props: {
+            colSpan: 3
+          }
+        }
+      ]
+    },
+    '6': {
+      cells: [
+        {
+          title: "fullWidth, spans the collapsible column and 'Repositories'",
+          props: {
+            colSpan: 2
+          }
+        },
+        {
+          title: "fullWidth, spans 'Branches' and 'Pull requests' and 'Workspaces'",
+          props: {
+            colSpan: 3
+          }
+        },
+        "fullWidth, spans 'Last commit'"
+      ],
+      fullWidth: true
+    }
+  };
+  const numColumns = data[0].length;
+  // Init all to true
+  const [expanded, setExpanded] = React.useState(
+    Object.fromEntries(Object.entries(childData).map(([k, v]) => [k, true]))
+  );
+  const [variant, setVariant] = React.useState(null);
+  const handleItemClick = (isSelected, event) => {
+    const id = event.currentTarget.id;
+    setVariant(id === 'default' ? null : id);
+  };
+  return (
+    <React.Fragment>
+      <ToggleGroup aria-label="Default with single selectable">
+        <ToggleGroupItem buttonId="default" isSelected={variant === null} onChange={handleItemClick}>
+          Default expandable
+        </ToggleGroupItem>
+        <ToggleGroupItem
+          buttonId="compactExpandable"
+          isSelected={variant === 'compactExpandable'}
+          onChange={handleItemClick}
+        >
+          Compact expandable
+        </ToggleGroupItem>
+      </ToggleGroup>
+      <BaseTable aria-label="Expandable Table" variant={variant}>
+        <BaseTableHead>
+          <BaseTableHeaderRow>
+            <BaseHeaderCell columnIndex={0} />
+            <BaseHeaderCell columnIndex={1}>{columns[0]}</BaseHeaderCell>
+            <BaseHeaderCell columnIndex={2}>{columns[1]}</BaseHeaderCell>
+            <BaseHeaderCell columnIndex={3}>{columns[2]}</BaseHeaderCell>
+            <BaseHeaderCell columnIndex={4}>{columns[3]}</BaseHeaderCell>
+            <BaseHeaderCell columnIndex={5}>{columns[4]}</BaseHeaderCell>
+          </BaseTableHeaderRow>
+        </BaseTableHead>
+        {data.map((row, rowIndex) => (
+          <BaseTableBody key={rowIndex} isExpanded={expanded[rowIndex] === true}>
+            <React.Fragment>
+              <BaseTableBodyRow>
+                <BaseBodyCell
+                  key={`${rowIndex}_0`}
+                  rowIndex={rowIndex}
+                  columnIndex={0}
+                  isExpanded={childData[rowIndex] ? expanded[rowIndex] : null}
+                />
+                {row.map((cell, cellIndex) => (
+                  <BaseBodyCell
+                    key={`${rowIndex}_${cellIndex}`}
+                    rowIndex={rowIndex}
+                    columnIndex={cellIndex + 1}
+                    dataLabel={columns[cellIndex]}
+                  >
+                    {cell}
+                  </BaseBodyCell>
+                ))}
+              </BaseTableBodyRow>
+              {childData[rowIndex] && (
+                <BaseTableBodyRow key={`${rowIndex}-child`} isExpanded={expanded[rowIndex] === true}>
+                  {!childData[rowIndex].fullWidth && <BaseBodyCell key={`${rowIndex}_0-child`} columnIndex={0} />}
+                  {childData[rowIndex].cells.map((cell, cellIndex) => {
+                    const shift = childData[rowIndex].fullWidth ? 1 : 0;
+                    const shiftedCellIndex = cellIndex + shift;
+                    return (
+                      <BaseBodyCell
+                        key={`${rowIndex}_${shiftedCellIndex}-child`}
+                        rowIndex={rowIndex}
+                        columnIndex={shiftedCellIndex}
+                        dataLabel={columns[cellIndex]}
+                        noPadding={childData[rowIndex].noPadding}
+                        colSpan={
+                          childData[rowIndex].cells.length === 1
+                            ? numColumns + shift
+                            : cell.props && cell.props.colSpan
+                            ? cell.props.colSpan
+                            : 1
+                        }
+                      >
+                        <ExpandableRowContent>{cell.title || cell}</ExpandableRowContent>
+                      </BaseBodyCell>
+                    );
+                  })}
+                </BaseTableBodyRow>
+              )}
+            </React.Fragment>
+          </BaseTableBody>
+        ))}
+      </BaseTable>
+    </React.Fragment>
+  );
+};
+```
diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index b466985cdf8..dcf0c3cca5d 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -77,7 +77,7 @@ import styles from '@patternfly/react-styles/css/components/Table/table';
 
 import DemoSortableTable from './DemoSortableTable';
 
-## Examples
+## Table examples
 
 ### Basic
 
@@ -280,131 +280,6 @@ class RowWrapperTable extends React.Component {
 }
 ```
 
-### Composable: Basic, Row click handler, Custom row wrapper
-
-```js
-import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell,
-  HeaderCellInfoWrapper
-} from '@patternfly/react-table';
-
-ComposableTableBasic = () => {
-  const [columns, setColumns] = React.useState([
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit'
-  ]);
-  const [data, setData] = React.useState([
-    ['one', 'two', 'three', 'four', 'five'],
-    ['one - 2', null, null, 'four - 2', 'five - 2'],
-    ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3 (not centered)']
-  ]);
-  // map additional configuration to the data
-  // key: row_column
-  const dataConfig = {
-    '1_0': {
-      title: text => <div>{text}</div>,
-      props: { title: 'hover title', colSpan: 3 }
-    },
-    '2_4': {
-      props: { textCenter: false }
-    }
-  };
-  const onRowClick = (event, rowIndex, row) => {
-    console.log(`handle row click ${rowIndex}`, row);
-  };
-  return (
-    <BaseTable aria-label="Simple Table">
-      <BaseTableHead noWrap>
-        <BaseTableHeaderRow>
-          <BaseHeaderCell columnIndex={0} dataLabel={columns[0]}>
-            <HeaderCellInfoWrapper
-              variant="tooltip"
-              info="More information about repositories"
-              className="repositories-info-tip"
-              tooltipProps={{
-                isContentLeftAligned: true
-              }}
-            >
-              {columns[0]}
-            </HeaderCellInfoWrapper>
-          </BaseHeaderCell>
-          <BaseHeaderCell columnIndex={1} dataLabel={columns[0]}>
-            {columns[1]}
-          </BaseHeaderCell>
-          <BaseHeaderCell columnIndex={2} dataLabel={columns[2]}>
-            <HeaderCellInfoWrapper
-              variant="popover"
-              info={
-                <div>
-                  More <strong>information</strong> on pull requests
-                </div>
-              }
-              ariaLabel="More information on pull requests"
-              popoverProps={{
-                headerContent: 'Pull requests',
-                footerContent: <a href="">Click here for even more info</a>
-              }}
-            >
-              {columns[2]}
-            </HeaderCellInfoWrapper>
-          </BaseHeaderCell>
-          <BaseHeaderCell columnIndex={3} dataLabel={columns[3]}>
-            {columns[3]}
-          </BaseHeaderCell>
-          <BaseHeaderCell columnIndex={4} dataLabel={columns[4]} textCenter>
-            {columns[4]}
-          </BaseHeaderCell>
-        </BaseTableHeaderRow>
-      </BaseTableHead>
-      <BaseTableBody>
-        {data.map((row, rowIndex) => {
-          const isOddRow = (rowIndex + 1) % 2;
-          const customStyle = {
-            borderLeft: '3px solid var(--pf-global--primary-color--100)'
-          };
-          return (
-            <BaseTableBodyRow
-              key={rowIndex}
-              onClick={event => onRowClick(event, rowIndex, row)}
-              className={isOddRow ? 'odd-row-class' : 'even-row-class'}
-              style={isOddRow ? customStyle : {}}
-            >
-              {row.map((cell, cellIndex) => {
-                if (!cell) {
-                  return null;
-                }
-                const cellConfig = dataConfig[`${rowIndex}_${cellIndex}`];
-                return (
-                  <BaseBodyCell
-                    key={`${rowIndex}_${cellIndex}`}
-                    columnIndex={cellIndex}
-                    dataLabel={columns[cellIndex]}
-                    textCenter={cellIndex === row.length - 1}
-                    {...((cellConfig && cellConfig.props) || {})}
-                  >
-                    {cellConfig && cellConfig.title ? cellConfig.title(cell) : cell}
-                  </BaseBodyCell>
-                );
-              })}
-            </BaseTableBodyRow>
-          );
-        })}
-      </BaseTableBody>
-    </BaseTable>
-  );
-};
-```
-
 ### Sortable
 
 ```js
@@ -528,110 +403,6 @@ class SortableWrappingHeaders extends React.Component {
 }
 ```
 
-### Composable: Sortable, Sortable with wrapping headers
-
-```js
-import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell,
-  HeaderCellInfoWrapper
-} from '@patternfly/react-table';
-
-ComposableTableSortable = () => {
-  const [columns, setColumns] = React.useState([
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'This is a really long table header that goes on for a long time 4.',
-    'This is a really long table header that goes on for a long time 5.'
-  ]);
-  const [data, setData] = React.useState([
-    ['one', 'two', 'a', 'four', 'five'],
-    ['a', 'two', 'k', 'four', 'five'],
-    ['p', 'two', 'b', 'four', 'five']
-  ]);
-  // index of the currently active column
-  const [activeSortIndex, setActiveSortIndex] = React.useState(-1);
-  // sort direction of the currently active column
-  const [activeSortDirection, setActiveSortDirection] = React.useState('none');
-  const onSort = (event, index, direction, extraData) => {
-    setActiveSortIndex(index);
-    setActiveSortDirection(direction);
-    // sorts the row data
-    const updatedData = data.sort((a, b) => {
-      if (typeof a[index] === 'number') {
-        // numeric sort
-        if (direction === 'asc') {
-          return a[index] - b[index];
-        }
-        return b[index] - a[index];
-      } else {
-        // string sort
-        if (direction === 'asc') {
-          return a[index].localeCompare(b[index]);
-        }
-        return b[index].localeCompare(a[index]);
-      }
-    });
-    setData(updatedData);
-  };
-  return (
-    <BaseTable aria-label="Sortable Table">
-      <BaseTableHead>
-        <BaseTableHeaderRow>
-          <BaseHeaderCell
-            columnIndex={0}
-            activeSortIndex={activeSortIndex}
-            activeSortDirection={activeSortDirection}
-            onSort={onSort}
-          >
-            {columns[0]}
-          </BaseHeaderCell>
-          <BaseHeaderCell columnIndex={1}>{columns[1]}</BaseHeaderCell>
-          <BaseHeaderCell
-            columnIndex={2}
-            activeSortIndex={activeSortIndex}
-            activeSortDirection={activeSortDirection}
-            onSort={onSort}
-          >
-            {columns[2]}
-          </BaseHeaderCell>
-          <BaseHeaderCell columnIndex={3} modifier="wrap">
-            {columns[3]}
-          </BaseHeaderCell>
-          <BaseHeaderCell
-            columnIndex={4}
-            modifier="wrap"
-            activeSortIndex={activeSortIndex}
-            activeSortDirection={activeSortDirection}
-            onSort={onSort}
-          >
-            {columns[4]}
-          </BaseHeaderCell>
-        </BaseTableHeaderRow>
-      </BaseTableHead>
-      <BaseTableBody>
-        {data.map((row, rowIndex) => (
-          <BaseTableBodyRow key={rowIndex}>
-            {row.map((cell, cellIndex) => (
-              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
-                {cell}
-              </BaseBodyCell>
-            ))}
-          </BaseTableBodyRow>
-        ))}
-      </BaseTableBody>
-    </BaseTable>
-  );
-};
-```
-
 ### Selectable
 
 ```js
@@ -730,101 +501,6 @@ class SelectableTable extends React.Component {
 }
 ```
 
-### Composable: Selectable
-
-```js
-import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell,
-  HeaderCellInfoWrapper
-} from '@patternfly/react-table';
-
-ComposableTableSelectable = () => {
-  const [columns, setColumns] = React.useState([
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit'
-  ]);
-  const [data, setData] = React.useState([
-    ['one', 'two', 'a', 'four', 'five'],
-    ['a', 'two', 'k', 'four', 'five'],
-    ['p', 'two', 'b', 'four', 'five']
-  ]);
-  const [allRowsSelected, setAllRowsSelected] = React.useState(false);
-  const [selected, setSelected] = React.useState(data.map(row => false));
-  const onSelect = (event, isSelected, rowId, rowData, extraData) => {
-    setSelected(selected.map((sel, index) => (index === rowId ? isSelected : sel)));
-    if (!isSelected && allRowsSelected) {
-      setAllRowsSelected(false);
-    } else if (isSelected && !allRowsSelected) {
-      let allSelected = true;
-      for (let i = 0; i < selected.length; i++) {
-        if (i !== rowId) {
-          if (!selected[i]) {
-            allSelected = false;
-          }
-        }
-      }
-      if (allSelected) {
-        setAllRowsSelected(true);
-      }
-    }
-  };
-  const onSelectAll = (event, isSelected, rowId, rowData, extraData) => {
-    setAllRowsSelected(isSelected);
-    setSelected(selected.map(sel => isSelected));
-  };
-  return (
-    <BaseTable aria-label="Selectable Table">
-      <BaseTableHead>
-        <BaseTableHeaderRow>
-          <BaseHeaderCell columnIndex={0} onSelect={onSelectAll} allRowsSelected={allRowsSelected} />
-          <BaseHeaderCell columnIndex={1}>{columns[0]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={2}>{columns[1]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={3}>{columns[2]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={4}>{columns[3]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={5}>{columns[4]}</BaseHeaderCell>
-        </BaseTableHeaderRow>
-      </BaseTableHead>
-      <BaseTableBody>
-        {data.map((row, rowIndex) => (
-          <BaseTableBodyRow key={rowIndex}>
-            <BaseBodyCell
-              key={`${rowIndex}_0`}
-              columnIndex={0}
-              rowIndex={rowIndex}
-              onSelect={onSelect}
-              isSelected={selected[rowIndex]}
-              disableSelection={rowIndex === 1}
-            />
-            {row.map((cell, cellIndex) => {
-              const shiftedIndex = cellIndex + 1;
-              return (
-                <BaseBodyCell
-                  key={`${rowIndex}_${shiftedIndex}`}
-                  columnIndex={shiftedIndex}
-                  dataLabel={columns[cellIndex]}
-                >
-                  {cell}
-                </BaseBodyCell>
-              );
-            })}
-          </BaseTableBodyRow>
-        ))}
-      </BaseTableBody>
-    </BaseTable>
-  );
-};
-```
-
 ### Selectable radio input
 
 ```js
@@ -905,82 +581,6 @@ class SelectableTable extends React.Component {
 }
 ```
 
-### Composable: Selectable radio input
-
-```js
-import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell,
-  HeaderCellInfoWrapper
-} from '@patternfly/react-table';
-
-ComposableTableSelectableRadio = () => {
-  const [columns, setColumns] = React.useState([
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit'
-  ]);
-  const [data, setData] = React.useState([
-    ['one', 'two', 'a', 'four', 'five'],
-    ['a', 'two', 'k', 'four', 'five'],
-    ['p', 'two', 'b', 'four', 'five']
-  ]);
-  const [selected, setSelected] = React.useState(-1);
-  const onSelect = (event, isSelected, rowId, rowData, extraData) => {
-    setSelected(rowId);
-  };
-  return (
-    <BaseTable aria-label="Selectable Table">
-      <BaseTableHead>
-        <BaseTableHeaderRow>
-          <BaseHeaderCell columnIndex={0} />
-          <BaseHeaderCell columnIndex={1}>{columns[0]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={2}>{columns[1]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={3}>{columns[2]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={4}>{columns[3]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={5}>{columns[4]}</BaseHeaderCell>
-        </BaseTableHeaderRow>
-      </BaseTableHead>
-      <BaseTableBody>
-        {data.map((row, rowIndex) => (
-          <BaseTableBodyRow key={rowIndex}>
-            <BaseBodyCell
-              key={`${rowIndex}_0`}
-              columnIndex={0}
-              rowIndex={rowIndex}
-              onSelect={onSelect}
-              isSelected={selected === rowIndex}
-              disableSelection={rowIndex === 1}
-              selectVariant="radio"
-            />
-            {row.map((cell, cellIndex) => {
-              const shiftedIndex = cellIndex + 1;
-              return (
-                <BaseBodyCell
-                  key={`${rowIndex}_${shiftedIndex}`}
-                  columnIndex={shiftedIndex}
-                  dataLabel={columns[cellIndex]}
-                >
-                  {cell}
-                </BaseBodyCell>
-              );
-            })}
-          </BaseTableBodyRow>
-        ))}
-      </BaseTableBody>
-    </BaseTable>
-  );
-};
-```
-
 ### Simple actions
 
 ```js
@@ -1138,108 +738,6 @@ class ActionsTable extends React.Component {
 }
 ```
 
-### Composable: Actions
-
-```js
-import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell,
-  HeaderCellInfoWrapper
-} from '@patternfly/react-table';
-
-ComposableTableActions = () => {
-  const defaultActions = [
-    {
-      title: 'Some action',
-      onClick: (event, rowId, rowData, extra) => console.log('clicked on Some action, on row: ', rowId)
-    },
-    {
-      title: <a href="https://www.patternfly.org">Link action</a>
-    },
-    {
-      isSeparator: true
-    },
-    {
-      title: 'Third action',
-      onClick: (event, rowId, rowData, extra) => console.log('clicked on Third action, on row: ', rowId)
-    }
-  ];
-  const lastRowActions = [
-    {
-      title: 'Some action',
-      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Some action, on row ${rowId}`)
-    },
-    {
-      title: <div>Another action</div>,
-      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Another action, on row ${rowId}`)
-    },
-    {
-      isSeparator: true
-    },
-    {
-      title: 'Third action',
-      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Third action, on row ${rowId}`)
-    }
-  ];
-  const [columns, setColumns] = React.useState([
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit'
-  ]);
-  const [data, setData] = React.useState([
-    ['one', 'two', 'a', 'four', 'five'],
-    ['a', 'two', 'k', 'four', 'five'],
-    ['p', 'two', 'b', 'four', 'five'],
-    ['4', '2', 'b', 'four', 'five'],
-    ['5', '2', 'b', 'four', 'five']
-  ]);
-  const [selected, setSelected] = React.useState(-1);
-  const onSelect = (event, isSelected, rowId, rowData, extraData) => {
-    setSelected(rowId);
-  };
-  return (
-    <BaseTable aria-label="Actions Table">
-      <BaseTableHead>
-        <BaseTableHeaderRow>
-          <BaseHeaderCell columnIndex={0}>{columns[0]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={1}>{columns[1]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={2}>{columns[2]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={3}>{columns[3]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={4}>{columns[4]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={5} />
-        </BaseTableHeaderRow>
-      </BaseTableHead>
-      <BaseTableBody>
-        {data.map((row, rowIndex) => (
-          <BaseTableBodyRow key={rowIndex}>
-            {row.map((cell, cellIndex) => (
-              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
-                {cell}
-              </BaseBodyCell>
-            ))}
-            <BaseBodyCell
-              key={`${rowIndex}_5`}
-              columnIndex={5}
-              rowIndex={rowIndex}
-              actions={rowIndex === 1 ? null : rowIndex === 4 ? lastRowActions : defaultActions}
-              actionsDisabled={rowIndex === 3}
-            />
-          </BaseTableBodyRow>
-        ))}
-      </BaseTableBody>
-    </BaseTable>
-  );
-};
-```
-
 ### First cell as header
 
 ```js

From 177a01053e49c8b580a39d8436d6ceb77cbdc022 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Mon, 12 Oct 2020 13:58:24 -0400
Subject: [PATCH 10/29] wip

---
 .../src/components/BaseTable/BaseBodyCell.tsx |     2 +-
 .../src/components/Table/HeaderCell.tsx       |    28 +-
 .../__snapshots__/RowWrapper.test.tsx.snap    |    24 +-
 .../Table/__snapshots__/Table.test.tsx.snap   | 65119 ++++++++++++----
 .../VirtualizedTable.test.tsx.snap            |   180 +-
 5 files changed, 51042 insertions(+), 14311 deletions(-)

diff --git a/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx b/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
index fa7fe147dc1..b232a5c4b94 100644
--- a/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
@@ -145,7 +145,7 @@ const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
                 onCollapse
               }
             }
-          }),
+          })
           /* expandedRow()('true', {
             rowIndex,
             columnIndex,
diff --git a/packages/react-table/src/components/Table/HeaderCell.tsx b/packages/react-table/src/components/Table/HeaderCell.tsx
index ae5fd60464a..d02667ce9a9 100644
--- a/packages/react-table/src/components/Table/HeaderCell.tsx
+++ b/packages/react-table/src/components/Table/HeaderCell.tsx
@@ -27,19 +27,17 @@ export const HeaderCell: React.FunctionComponent<HeaderCellProps> = ({
   dataLabel = '',
   /* eslint-enable @typescript-eslint/no-unused-vars */
   ...props
-}: HeaderCellProps) => {
-  return (
-    <BaseHeaderCell
-      {...props}
-      scope={scope}
-      tooltip={tooltip}
-      onMouseEnter={onMouseEnter}
-      textCenter={textCenter}
-      component={component}
-      className={className}
-    >
-      {children}
-    </BaseHeaderCell>
-  );
-};
+}: HeaderCellProps) => (
+  <BaseHeaderCell
+    {...props}
+    scope={scope}
+    tooltip={tooltip}
+    onMouseEnter={onMouseEnter}
+    textCenter={textCenter}
+    component={component}
+    className={className}
+  >
+    {children}
+  </BaseHeaderCell>
+);
 HeaderCell.displayName = 'HeaderCell';
diff --git a/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap b/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap
index 9703ff1caca..e6de1dca011 100644
--- a/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap
+++ b/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap
@@ -39,17 +39,9 @@ exports[`RowWrapper renders correctly 1`] = `
     >
       <BaseTableBodyRow
         className=""
-        data-ouia-component-id="OUIA-Generated-TableRow-1"
-        data-ouia-component-type="PF4/TableRow"
-        data-ouia-safe={true}
-        hidden={false}
       >
         <BaseTableBodyRowBase
           className=""
-          data-ouia-component-id="OUIA-Generated-TableRow-1"
-          data-ouia-component-type="PF4/TableRow"
-          data-ouia-safe={true}
-          hidden={false}
           innerRef={
             [MockFunction] {
               "calls": Array [
@@ -98,23 +90,17 @@ exports[`RowWrapper renders expanded correctly 1`] = `
       rowProps={null}
     >
       <BaseTableBodyRow
-        className="pf-c-table__expandable-row pf-m-expanded"
-        data-ouia-component-id="OUIA-Generated-TableRow-3"
-        data-ouia-component-type="PF4/TableRow"
-        data-ouia-safe={true}
-        hidden={false}
+        className=""
+        isExpanded={true}
       >
         <BaseTableBodyRowBase
-          className="pf-c-table__expandable-row pf-m-expanded"
-          data-ouia-component-id="OUIA-Generated-TableRow-3"
-          data-ouia-component-type="PF4/TableRow"
-          data-ouia-safe={true}
-          hidden={false}
+          className=""
           innerRef={null}
+          isExpanded={true}
         >
           <tr
             className="pf-c-table__expandable-row pf-m-expanded"
-            data-ouia-component-id="OUIA-Generated-TableRow-3"
+            data-ouia-component-id="OUIA-Generated-TableRow-2"
             data-ouia-component-type="PF4/TableRow"
             data-ouia-safe={true}
             hidden={false}
diff --git a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
index eec04c0ec40..832f334336b 100644
--- a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
+++ b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
@@ -125,7 +125,6 @@ exports[`Actions table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -414,30 +413,31 @@ exports[`Actions table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-30"
+          data-ouia-component-id="OUIA-Generated-Table-34"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -1073,6 +1073,8 @@ exports[`Actions table 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -1083,6 +1085,8 @@ exports[`Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -1160,6 +1164,8 @@ exports[`Actions table 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -1169,6 +1175,8 @@ exports[`Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -1196,6 +1204,8 @@ exports[`Actions table 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -1205,6 +1215,8 @@ exports[`Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -1232,6 +1244,8 @@ exports[`Actions table 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -1241,6 +1255,8 @@ exports[`Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -1268,6 +1284,8 @@ exports[`Actions table 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -1277,6 +1295,8 @@ exports[`Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -1304,6 +1324,9 @@ exports[`Actions table 1`] = `
                                     data-key={5}
                                     data-label=""
                                     onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -1312,6 +1335,9 @@ exports[`Actions table 1`] = `
                                       data-label=""
                                       innerRef={null}
                                       onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <td
                                         aria-sort={null}
@@ -1319,7 +1345,7 @@ exports[`Actions table 1`] = `
                                         data-key={5}
                                         data-label=""
                                         onMouseEnter={[Function]}
-                                        scope="col"
+                                        scope=""
                                       />
                                     </BaseHeaderCellBase>
                                   </BaseHeaderCell>
@@ -4741,24 +4767,16 @@ exports[`Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-241"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-241"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-241"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-139"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -4770,14 +4788,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -4785,14 +4822,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -4800,14 +4856,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -4815,14 +4890,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -4830,14 +4924,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -4846,320 +4959,377 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": [Function],
-                                                  "actions": undefined,
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": [Function],
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 0,
-                                            }
-                                          }
-                                          isDisabled={false}
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 0,
-                                              "isExpanded": undefined,
-                                              "isFirst": true,
-                                              "isFirstVisible": true,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                isDisabled={false}
-                                                onToggle={[Function]}
-                                              />
-                                            }
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
                                           >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 0,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  isDisabled={false}
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 0,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": true,
+                                                  "isFirstVisible": true,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-11"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-10"
-                                                  isDisabled={false}
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-11"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-11"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-10"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-11"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-10"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-10"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-11"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-10"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-10"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-10"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-11"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-10"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -5167,54 +5337,17 @@ exports[`Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-10"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -5623,24 +5756,16 @@ exports[`Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-243"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-243"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-243"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-140"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -5652,14 +5777,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -5667,14 +5811,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -5682,14 +5845,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -5697,14 +5879,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -5712,14 +5913,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -5728,320 +5948,377 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": [Function],
-                                                  "actions": undefined,
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": [Function],
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 1,
-                                            }
-                                          }
-                                          isDisabled={false}
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 1,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                isDisabled={false}
-                                                onToggle={[Function]}
-                                              />
-                                            }
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
                                           >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 1,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  isDisabled={false}
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 1,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-12"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-11"
-                                                  isDisabled={false}
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-12"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-12"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-11"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-12"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-11"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-11"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-12"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-11"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-11"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-11"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-12"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-11"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -6049,54 +6326,17 @@ exports[`Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-11"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -6505,24 +6745,16 @@ exports[`Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-245"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-245"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-245"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-141"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -6534,14 +6766,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -6549,14 +6800,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -6564,14 +6834,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -6579,14 +6868,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -6594,14 +6902,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -6610,320 +6937,377 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": [Function],
-                                                  "actions": undefined,
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": [Function],
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 2,
-                                            }
-                                          }
-                                          isDisabled={false}
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 2,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                isDisabled={false}
-                                                onToggle={[Function]}
-                                              />
-                                            }
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
                                           >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 2,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  isDisabled={false}
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 2,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-13"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-12"
-                                                  isDisabled={false}
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-13"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-13"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-12"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-13"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-12"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-12"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-13"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-12"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-12"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-12"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-13"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-12"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -6931,54 +7315,17 @@ exports[`Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-12"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -7387,24 +7734,16 @@ exports[`Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-247"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-247"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-247"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-142"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -7416,14 +7755,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -7431,14 +7789,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -7446,14 +7823,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -7461,14 +7857,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -7476,14 +7891,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -7492,320 +7926,377 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": [Function],
-                                                  "actions": undefined,
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": [Function],
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 3,
-                                            }
-                                          }
-                                          isDisabled={false}
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 3,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                isDisabled={false}
-                                                onToggle={[Function]}
-                                              />
-                                            }
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
                                           >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 3,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  isDisabled={false}
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 3,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-14"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-13"
-                                                  isDisabled={false}
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-14"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-14"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-13"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-14"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-13"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-13"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-14"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-13"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-13"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-13"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-14"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-13"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -7813,54 +8304,17 @@ exports[`Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-13"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -8269,24 +8723,16 @@ exports[`Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-249"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-249"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-249"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-143"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -8298,14 +8744,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -8313,14 +8778,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -8328,14 +8812,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -8343,14 +8846,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -8358,14 +8880,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -8374,320 +8915,377 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": [Function],
-                                                  "actions": undefined,
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": [Function],
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 4,
-                                            }
-                                          }
-                                          isDisabled={false}
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 4,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                isDisabled={false}
-                                                onToggle={[Function]}
-                                              />
-                                            }
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
                                           >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 4,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  isDisabled={false}
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 4,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-15"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-14"
-                                                  isDisabled={false}
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-15"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-15"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-14"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-15"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-14"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-14"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-15"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-14"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-14"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-14"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-15"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-14"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -8695,54 +9293,17 @@ exports[`Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-14"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -9151,24 +9712,16 @@ exports[`Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-251"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-251"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-251"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-144"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -9180,14 +9733,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -9195,14 +9767,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -9210,14 +9801,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -9225,14 +9835,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -9240,14 +9869,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -9256,320 +9904,377 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": [Function],
-                                                  "actions": undefined,
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": [Function],
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 5,
-                                            }
-                                          }
-                                          isDisabled={false}
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 5,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                isDisabled={false}
-                                                onToggle={[Function]}
-                                              />
-                                            }
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
                                           >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 5,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  isDisabled={false}
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 5,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-16"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-15"
-                                                  isDisabled={false}
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-16"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-16"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-15"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-16"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-15"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-15"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-16"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-15"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-15"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-15"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-16"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-15"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -9577,54 +10282,17 @@ exports[`Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-15"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -10033,24 +10701,16 @@ exports[`Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-253"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-253"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-253"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-145"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -10062,14 +10722,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -10077,14 +10756,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -10092,14 +10790,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -10107,14 +10824,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -10122,14 +10858,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -10138,320 +10893,377 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": [Function],
-                                                  "actions": undefined,
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": [Function],
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 6,
-                                            }
-                                          }
-                                          isDisabled={false}
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 6,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                isDisabled={false}
-                                                onToggle={[Function]}
-                                              />
-                                            }
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
                                           >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 6,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  isDisabled={false}
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 6,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-17"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-16"
-                                                  isDisabled={false}
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-17"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-17"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-16"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-17"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-16"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-16"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-17"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-16"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-16"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-16"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-17"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-16"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -10459,54 +11271,17 @@ exports[`Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-16"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -10915,24 +11690,16 @@ exports[`Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-255"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-255"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-255"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-146"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -10944,14 +11711,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -10959,14 +11745,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -10974,14 +11779,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -10989,14 +11813,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -11004,14 +11847,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -11020,320 +11882,377 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": [Function],
-                                                  "actions": undefined,
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": [Function],
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 7,
-                                            }
-                                          }
-                                          isDisabled={false}
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 7,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                isDisabled={false}
-                                                onToggle={[Function]}
-                                              />
-                                            }
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
                                           >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 7,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  isDisabled={false}
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 7,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-18"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-17"
-                                                  isDisabled={false}
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-18"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-18"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-17"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-18"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-17"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-17"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-18"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-17"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-17"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-17"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-18"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-17"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -11341,54 +12260,17 @@ exports[`Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-17"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -11797,24 +12679,16 @@ exports[`Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-257"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-257"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-257"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-147"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -11826,14 +12700,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -11841,14 +12734,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -11856,14 +12768,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -11871,14 +12802,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -11886,14 +12836,33 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -11902,320 +12871,377 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": [Function],
-                                                  "actions": undefined,
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": [Function],
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 8,
-                                            }
-                                          }
-                                          isDisabled={false}
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 8,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": true,
-                                              "isLastVisible": true,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                isDisabled={false}
-                                                onToggle={[Function]}
-                                              />
-                                            }
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
                                           >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 8,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  isDisabled={false}
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 8,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": true,
+                                                  "isLastVisible": true,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-19"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-18"
-                                                  isDisabled={false}
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-19"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-19"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-18"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-19"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-18"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-18"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-19"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-18"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-18"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-18"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-19"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-18"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -12223,54 +13249,17 @@ exports[`Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-18"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -12418,7 +13407,6 @@ exports[`Cell header table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -12662,30 +13650,31 @@ exports[`Cell header table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-32"
+          data-ouia-component-id="OUIA-Generated-Table-36"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -13231,6 +14220,8 @@ exports[`Cell header table 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -13241,6 +14232,8 @@ exports[`Cell header table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -13318,6 +14311,8 @@ exports[`Cell header table 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -13327,6 +14322,8 @@ exports[`Cell header table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -13354,6 +14351,8 @@ exports[`Cell header table 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -13363,6 +14362,8 @@ exports[`Cell header table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -13390,6 +14391,8 @@ exports[`Cell header table 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -13399,6 +14402,8 @@ exports[`Cell header table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -13426,6 +14431,8 @@ exports[`Cell header table 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -13435,6 +14442,8 @@ exports[`Cell header table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -16731,24 +17740,16 @@ exports[`Cell header table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-259"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-259"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-259"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-148"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -16761,18 +17762,37 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-0"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-0"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -16780,14 +17800,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -16795,14 +17834,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -16810,14 +17868,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -16825,14 +17902,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -17196,24 +18292,16 @@ exports[`Cell header table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-261"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-261"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-261"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-149"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -17226,18 +18314,37 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-1"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-1"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -17245,14 +18352,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -17260,14 +18386,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -17275,14 +18420,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -17290,14 +18454,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -17661,24 +18844,16 @@ exports[`Cell header table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-263"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-263"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-263"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-150"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -17691,18 +18866,37 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-2"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-2"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -17710,14 +18904,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -17725,14 +18938,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -17740,14 +18972,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -17755,14 +19006,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -18126,24 +19396,16 @@ exports[`Cell header table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-265"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-265"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-265"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-151"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -18156,18 +19418,37 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-3"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-3"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -18175,14 +19456,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -18190,14 +19490,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -18205,14 +19524,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -18220,14 +19558,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -18591,24 +19948,16 @@ exports[`Cell header table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-267"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-267"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-267"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-152"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -18621,18 +19970,37 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-4"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-4"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -18640,14 +20008,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -18655,14 +20042,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -18670,14 +20076,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -18685,14 +20110,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -19056,24 +20500,16 @@ exports[`Cell header table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-269"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-269"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-269"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-153"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -19086,18 +20522,37 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-5"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-5"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -19105,14 +20560,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -19120,14 +20594,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -19135,14 +20628,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -19150,14 +20662,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -19521,24 +21052,16 @@ exports[`Cell header table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-271"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-271"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-271"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-154"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -19551,18 +21074,37 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-6"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-6"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -19570,14 +21112,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -19585,14 +21146,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -19600,14 +21180,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -19615,14 +21214,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -19986,24 +21604,16 @@ exports[`Cell header table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-273"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-273"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-273"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-155"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -20016,18 +21626,37 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-7"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-7"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -20035,14 +21664,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -20050,14 +21698,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -20065,14 +21732,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -20080,14 +21766,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -20451,24 +22156,16 @@ exports[`Cell header table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-275"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-275"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-275"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-156"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -20481,18 +22178,37 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-8"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-8"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -20500,14 +22216,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -20515,14 +22250,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -20530,14 +22284,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -20545,14 +22318,33 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -20710,7 +22502,6 @@ exports[`Collapsible nested table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -21012,30 +22803,31 @@ exports[`Collapsible nested table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-38"
+          data-ouia-component-id="OUIA-Generated-Table-42"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -21694,6 +23486,9 @@ exports[`Collapsible nested table 1`] = `
                                     data-key={0}
                                     data-label=""
                                     onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -21702,6 +23497,9 @@ exports[`Collapsible nested table 1`] = `
                                       data-label=""
                                       innerRef={null}
                                       onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <td
                                         aria-sort={null}
@@ -21709,7 +23507,7 @@ exports[`Collapsible nested table 1`] = `
                                         data-key={0}
                                         data-label=""
                                         onMouseEnter={[Function]}
-                                        scope="col"
+                                        scope=""
                                       />
                                     </BaseHeaderCellBase>
                                   </BaseHeaderCell>
@@ -21730,6 +23528,8 @@ exports[`Collapsible nested table 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -21740,6 +23540,8 @@ exports[`Collapsible nested table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -21817,6 +23619,8 @@ exports[`Collapsible nested table 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -21826,6 +23630,8 @@ exports[`Collapsible nested table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -21853,6 +23659,8 @@ exports[`Collapsible nested table 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -21862,6 +23670,8 @@ exports[`Collapsible nested table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -21889,6 +23699,8 @@ exports[`Collapsible nested table 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -21898,6 +23710,8 @@ exports[`Collapsible nested table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -21925,6 +23739,8 @@ exports[`Collapsible nested table 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -21934,6 +23750,8 @@ exports[`Collapsible nested table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -25016,11 +26834,13 @@ exports[`Collapsible nested table 1`] = `
                   >
                     <BaseTableBody
                       className=""
+                      isExpanded={false}
                       key="tbody-0"
                     >
                       <BaseTableBodyBase
                         className=""
                         innerRef={null}
+                        isExpanded={false}
                       >
                         <tbody
                           className=""
@@ -25443,24 +27263,16 @@ exports[`Collapsible nested table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-303"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-303"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-303"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-170"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -25473,73 +27285,93 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__toggle"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node0 expandable-toggle0"
-                                          id="expandable-toggle0"
-                                          isOpen={false}
-                                          onToggle={[Function]}
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__toggle"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Button
-                                            aria-expanded={false}
-                                            aria-label="Details"
-                                            aria-labelledby="simple-node0 expandable-toggle0"
-                                            className=""
-                                            id="expandable-toggle0"
-                                            onClick={[Function]}
-                                            variant="plain"
+                                          <td
+                                            className="pf-c-table__toggle"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
                                           >
-                                            <button
-                                              aria-disabled={false}
-                                              aria-expanded={false}
-                                              aria-label="Details"
+                                            <CollapseColumn
                                               aria-labelledby="simple-node0 expandable-toggle0"
-                                              className="pf-c-button pf-m-plain"
-                                              data-ouia-component-id="OUIA-Generated-Button-plain-9"
-                                              data-ouia-component-type="PF4/Button"
-                                              data-ouia-safe={true}
-                                              disabled={false}
                                               id="expandable-toggle0"
-                                              onClick={[Function]}
-                                              role={null}
-                                              type="button"
+                                              isOpen={false}
+                                              onToggle={[Function]}
                                             >
-                                              <div
-                                                className="pf-c-table__toggle-icon"
+                                              <Button
+                                                aria-expanded={false}
+                                                aria-label="Details"
+                                                aria-labelledby="simple-node0 expandable-toggle0"
+                                                className=""
+                                                id="expandable-toggle0"
+                                                onClick={[Function]}
+                                                variant="plain"
                                               >
-                                                <AngleDownIcon
-                                                  color="currentColor"
-                                                  noVerticalAlign={false}
-                                                  size="sm"
+                                                <button
+                                                  aria-disabled={false}
+                                                  aria-expanded={false}
+                                                  aria-label="Details"
+                                                  aria-labelledby="simple-node0 expandable-toggle0"
+                                                  className="pf-c-button pf-m-plain"
+                                                  data-ouia-component-id="OUIA-Generated-Button-plain-9"
+                                                  data-ouia-component-type="PF4/Button"
+                                                  data-ouia-safe={true}
+                                                  disabled={false}
+                                                  id="expandable-toggle0"
+                                                  onClick={[Function]}
+                                                  role={null}
+                                                  type="button"
                                                 >
-                                                  <svg
-                                                    aria-hidden={true}
-                                                    aria-labelledby={null}
-                                                    fill="currentColor"
-                                                    height="1em"
-                                                    role="img"
-                                                    style={
-                                                      Object {
-                                                        "verticalAlign": "-0.125em",
-                                                      }
-                                                    }
-                                                    viewBox="0 0 320 512"
-                                                    width="1em"
+                                                  <div
+                                                    className="pf-c-table__toggle-icon"
                                                   >
-                                                    <path
-                                                      d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                                    />
-                                                  </svg>
-                                                </AngleDownIcon>
-                                              </div>
-                                            </button>
-                                          </Button>
-                                        </CollapseColumn>
-                                      </td>
+                                                    <AngleDownIcon
+                                                      color="currentColor"
+                                                      noVerticalAlign={false}
+                                                      size="sm"
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        aria-labelledby={null}
+                                                        fill="currentColor"
+                                                        height="1em"
+                                                        role="img"
+                                                        style={
+                                                          Object {
+                                                            "verticalAlign": "-0.125em",
+                                                          }
+                                                        }
+                                                        viewBox="0 0 320 512"
+                                                        width="1em"
+                                                      >
+                                                        <path
+                                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                        />
+                                                      </svg>
+                                                    </AngleDownIcon>
+                                                  </div>
+                                                </button>
+                                              </Button>
+                                            </CollapseColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -25548,18 +27380,37 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-0"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-0"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -25567,14 +27418,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -25582,14 +27452,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -25597,14 +27486,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -25612,14 +27520,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -26044,25 +27971,19 @@ exports[`Collapsible nested table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-305"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-305"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-305"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-171"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -26075,73 +27996,93 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__toggle"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node1 expandable-toggle1"
-                                          id="expandable-toggle1"
-                                          isOpen={true}
-                                          onToggle={[Function]}
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__toggle"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Button
-                                            aria-expanded={true}
-                                            aria-label="Details"
-                                            aria-labelledby="simple-node1 expandable-toggle1"
-                                            className="pf-m-expanded"
-                                            id="expandable-toggle1"
-                                            onClick={[Function]}
-                                            variant="plain"
+                                          <td
+                                            className="pf-c-table__toggle"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
                                           >
-                                            <button
-                                              aria-disabled={false}
-                                              aria-expanded={true}
-                                              aria-label="Details"
+                                            <CollapseColumn
                                               aria-labelledby="simple-node1 expandable-toggle1"
-                                              className="pf-c-button pf-m-plain pf-m-expanded"
-                                              data-ouia-component-id="OUIA-Generated-Button-plain-10"
-                                              data-ouia-component-type="PF4/Button"
-                                              data-ouia-safe={true}
-                                              disabled={false}
                                               id="expandable-toggle1"
-                                              onClick={[Function]}
-                                              role={null}
-                                              type="button"
+                                              isOpen={true}
+                                              onToggle={[Function]}
                                             >
-                                              <div
-                                                className="pf-c-table__toggle-icon"
+                                              <Button
+                                                aria-expanded={true}
+                                                aria-label="Details"
+                                                aria-labelledby="simple-node1 expandable-toggle1"
+                                                className="pf-m-expanded"
+                                                id="expandable-toggle1"
+                                                onClick={[Function]}
+                                                variant="plain"
                                               >
-                                                <AngleDownIcon
-                                                  color="currentColor"
-                                                  noVerticalAlign={false}
-                                                  size="sm"
+                                                <button
+                                                  aria-disabled={false}
+                                                  aria-expanded={true}
+                                                  aria-label="Details"
+                                                  aria-labelledby="simple-node1 expandable-toggle1"
+                                                  className="pf-c-button pf-m-plain pf-m-expanded"
+                                                  data-ouia-component-id="OUIA-Generated-Button-plain-10"
+                                                  data-ouia-component-type="PF4/Button"
+                                                  data-ouia-safe={true}
+                                                  disabled={false}
+                                                  id="expandable-toggle1"
+                                                  onClick={[Function]}
+                                                  role={null}
+                                                  type="button"
                                                 >
-                                                  <svg
-                                                    aria-hidden={true}
-                                                    aria-labelledby={null}
-                                                    fill="currentColor"
-                                                    height="1em"
-                                                    role="img"
-                                                    style={
-                                                      Object {
-                                                        "verticalAlign": "-0.125em",
-                                                      }
-                                                    }
-                                                    viewBox="0 0 320 512"
-                                                    width="1em"
+                                                  <div
+                                                    className="pf-c-table__toggle-icon"
                                                   >
-                                                    <path
-                                                      d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                                    />
-                                                  </svg>
-                                                </AngleDownIcon>
-                                              </div>
-                                            </button>
-                                          </Button>
-                                        </CollapseColumn>
-                                      </td>
+                                                    <AngleDownIcon
+                                                      color="currentColor"
+                                                      noVerticalAlign={false}
+                                                      size="sm"
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        aria-labelledby={null}
+                                                        fill="currentColor"
+                                                        height="1em"
+                                                        role="img"
+                                                        style={
+                                                          Object {
+                                                            "verticalAlign": "-0.125em",
+                                                          }
+                                                        }
+                                                        viewBox="0 0 320 512"
+                                                        width="1em"
+                                                      >
+                                                        <path
+                                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                        />
+                                                      </svg>
+                                                    </AngleDownIcon>
+                                                  </div>
+                                                </button>
+                                              </Button>
+                                            </CollapseColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -26154,20 +28095,43 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-1-row-1"
                                       parentId={0}
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         id="expanded-content1-1"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-1"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          id="expanded-content1-1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            colSpan={1}
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            id="expanded-content1-1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-1"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -26179,16 +28143,39 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-2-row-1"
                                       parentId={0}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         id="expanded-content1-2"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          id="expanded-content1-2"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={2}
+                                            data-label="Branches"
+                                            id="expanded-content1-2"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -26200,16 +28187,39 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-3-row-1"
                                       parentId={0}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         id="expanded-content1-3"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          id="expanded-content1-3"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            id="expanded-content1-3"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -26221,16 +28231,39 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-4-row-1"
                                       parentId={0}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         id="expanded-content1-4"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          id="expanded-content1-4"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            id="expanded-content1-4"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -26242,16 +28275,39 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-5-row-1"
                                       parentId={0}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         id="expanded-content1-5"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          id="expanded-content1-5"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            id="expanded-content1-5"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -26674,25 +28730,19 @@ exports[`Collapsible nested table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-307"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-307"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-307"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-172"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -26705,17 +28755,37 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node2 expandable-toggle2"
-                                          id="expandable-toggle2"
-                                          onToggle={[Function]}
-                                        />
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node2 expandable-toggle2"
+                                              id="expandable-toggle2"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -26728,19 +28798,43 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-1-row-2"
                                       parentId={1}
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="th"
                                         data-key={1}
+                                        dataLabel={null}
                                         id="expanded-content2-1"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-2"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel={null}
+                                          id="expanded-content2-1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            colSpan={1}
+                                            data-key={1}
+                                            data-label={null}
+                                            id="expanded-content2-1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-2"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -26752,15 +28846,39 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-2-row-2"
                                       parentId={1}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={2}
+                                        dataLabel={null}
                                         id="expanded-content2-2"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel={null}
+                                          id="expanded-content2-2"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={2}
+                                            data-label={null}
+                                            id="expanded-content2-2"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -26772,15 +28890,39 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-3-row-2"
                                       parentId={1}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={3}
+                                        dataLabel={null}
                                         id="expanded-content2-3"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel={null}
+                                          id="expanded-content2-3"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={3}
+                                            data-label={null}
+                                            id="expanded-content2-3"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -26792,15 +28934,39 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-4-row-2"
                                       parentId={1}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={4}
+                                        dataLabel={null}
                                         id="expanded-content2-4"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel={null}
+                                          id="expanded-content2-4"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={4}
+                                            data-label={null}
+                                            id="expanded-content2-4"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -26812,15 +28978,39 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-5-row-2"
                                       parentId={1}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         id="expanded-content2-5"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          id="expanded-content2-5"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={5}
+                                            data-label={null}
+                                            id="expanded-content2-5"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -26832,11 +29022,13 @@ exports[`Collapsible nested table 1`] = `
                     </BaseTableBody>
                     <BaseTableBody
                       className=""
+                      isExpanded={false}
                       key="tbody-1"
                     >
                       <BaseTableBodyBase
                         className=""
                         innerRef={null}
+                        isExpanded={false}
                       >
                         <tbody
                           className=""
@@ -27259,24 +29451,16 @@ exports[`Collapsible nested table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-309"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-309"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-309"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-173"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -27289,73 +29473,93 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__toggle"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node3 expandable-toggle3"
-                                          id="expandable-toggle3"
-                                          isOpen={false}
-                                          onToggle={[Function]}
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__toggle"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Button
-                                            aria-expanded={false}
-                                            aria-label="Details"
-                                            aria-labelledby="simple-node3 expandable-toggle3"
-                                            className=""
-                                            id="expandable-toggle3"
-                                            onClick={[Function]}
-                                            variant="plain"
+                                          <td
+                                            className="pf-c-table__toggle"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
                                           >
-                                            <button
-                                              aria-disabled={false}
-                                              aria-expanded={false}
-                                              aria-label="Details"
+                                            <CollapseColumn
                                               aria-labelledby="simple-node3 expandable-toggle3"
-                                              className="pf-c-button pf-m-plain"
-                                              data-ouia-component-id="OUIA-Generated-Button-plain-11"
-                                              data-ouia-component-type="PF4/Button"
-                                              data-ouia-safe={true}
-                                              disabled={false}
                                               id="expandable-toggle3"
-                                              onClick={[Function]}
-                                              role={null}
-                                              type="button"
+                                              isOpen={false}
+                                              onToggle={[Function]}
                                             >
-                                              <div
-                                                className="pf-c-table__toggle-icon"
+                                              <Button
+                                                aria-expanded={false}
+                                                aria-label="Details"
+                                                aria-labelledby="simple-node3 expandable-toggle3"
+                                                className=""
+                                                id="expandable-toggle3"
+                                                onClick={[Function]}
+                                                variant="plain"
                                               >
-                                                <AngleDownIcon
-                                                  color="currentColor"
-                                                  noVerticalAlign={false}
-                                                  size="sm"
+                                                <button
+                                                  aria-disabled={false}
+                                                  aria-expanded={false}
+                                                  aria-label="Details"
+                                                  aria-labelledby="simple-node3 expandable-toggle3"
+                                                  className="pf-c-button pf-m-plain"
+                                                  data-ouia-component-id="OUIA-Generated-Button-plain-11"
+                                                  data-ouia-component-type="PF4/Button"
+                                                  data-ouia-safe={true}
+                                                  disabled={false}
+                                                  id="expandable-toggle3"
+                                                  onClick={[Function]}
+                                                  role={null}
+                                                  type="button"
                                                 >
-                                                  <svg
-                                                    aria-hidden={true}
-                                                    aria-labelledby={null}
-                                                    fill="currentColor"
-                                                    height="1em"
-                                                    role="img"
-                                                    style={
-                                                      Object {
-                                                        "verticalAlign": "-0.125em",
-                                                      }
-                                                    }
-                                                    viewBox="0 0 320 512"
-                                                    width="1em"
+                                                  <div
+                                                    className="pf-c-table__toggle-icon"
                                                   >
-                                                    <path
-                                                      d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                                    />
-                                                  </svg>
-                                                </AngleDownIcon>
-                                              </div>
-                                            </button>
-                                          </Button>
-                                        </CollapseColumn>
-                                      </td>
+                                                    <AngleDownIcon
+                                                      color="currentColor"
+                                                      noVerticalAlign={false}
+                                                      size="sm"
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        aria-labelledby={null}
+                                                        fill="currentColor"
+                                                        height="1em"
+                                                        role="img"
+                                                        style={
+                                                          Object {
+                                                            "verticalAlign": "-0.125em",
+                                                          }
+                                                        }
+                                                        viewBox="0 0 320 512"
+                                                        width="1em"
+                                                      >
+                                                        <path
+                                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                        />
+                                                      </svg>
+                                                    </AngleDownIcon>
+                                                  </div>
+                                                </button>
+                                              </Button>
+                                            </CollapseColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -27364,18 +29568,37 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-3"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-3"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -27383,14 +29606,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -27398,14 +29640,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -27413,14 +29674,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -27428,14 +29708,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -27858,25 +30157,19 @@ exports[`Collapsible nested table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-311"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-311"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-311"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-174"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -27889,17 +30182,37 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node4 expandable-toggle4"
-                                          id="expandable-toggle4"
-                                          onToggle={[Function]}
-                                        />
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node4 expandable-toggle4"
+                                              id="expandable-toggle4"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -27912,19 +30225,43 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-1-row-4"
                                       parentId={3}
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="th"
                                         data-key={1}
+                                        dataLabel={null}
                                         id="expanded-content4-1"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-4"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel={null}
+                                          id="expanded-content4-1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            colSpan={1}
+                                            data-key={1}
+                                            data-label={null}
+                                            id="expanded-content4-1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-4"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -27936,15 +30273,39 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-2-row-4"
                                       parentId={3}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={2}
+                                        dataLabel={null}
                                         id="expanded-content4-2"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel={null}
+                                          id="expanded-content4-2"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={2}
+                                            data-label={null}
+                                            id="expanded-content4-2"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -27956,15 +30317,39 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-3-row-4"
                                       parentId={3}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={3}
+                                        dataLabel={null}
                                         id="expanded-content4-3"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel={null}
+                                          id="expanded-content4-3"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={3}
+                                            data-label={null}
+                                            id="expanded-content4-3"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -27976,15 +30361,39 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-4-row-4"
                                       parentId={3}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={4}
+                                        dataLabel={null}
                                         id="expanded-content4-4"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel={null}
+                                          id="expanded-content4-4"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={4}
+                                            data-label={null}
+                                            id="expanded-content4-4"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -27996,15 +30405,39 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-5-row-4"
                                       parentId={3}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         id="expanded-content4-5"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          id="expanded-content4-5"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={5}
+                                            data-label={null}
+                                            id="expanded-content4-5"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -28441,24 +30874,16 @@ exports[`Collapsible nested table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-313"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-313"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-313"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-175"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -28471,17 +30896,37 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node5 expandable-toggle5"
-                                          id="expandable-toggle5"
-                                          onToggle={[Function]}
-                                        />
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node5 expandable-toggle5"
+                                              id="expandable-toggle5"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -28490,18 +30935,37 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-5"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-5"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -28509,14 +30973,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -28524,14 +31007,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -28539,14 +31041,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -28554,14 +31075,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -28998,24 +31538,16 @@ exports[`Collapsible nested table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-315"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-315"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-315"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-176"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -29028,17 +31560,37 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node6 expandable-toggle6"
-                                          id="expandable-toggle6"
-                                          onToggle={[Function]}
-                                        />
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node6 expandable-toggle6"
+                                              id="expandable-toggle6"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -29047,18 +31599,37 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-6"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-6"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -29066,14 +31637,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -29081,14 +31671,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -29096,14 +31705,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -29111,14 +31739,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -29555,24 +32202,16 @@ exports[`Collapsible nested table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-317"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-317"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-317"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-177"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -29585,17 +32224,37 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node7 expandable-toggle7"
-                                          id="expandable-toggle7"
-                                          onToggle={[Function]}
-                                        />
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node7 expandable-toggle7"
+                                              id="expandable-toggle7"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -29604,18 +32263,37 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-7"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-7"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -29623,14 +32301,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -29638,14 +32335,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -29653,14 +32369,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -29668,14 +32403,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -30112,24 +32866,16 @@ exports[`Collapsible nested table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-319"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-319"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-319"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-178"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -30142,17 +32888,37 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node8 expandable-toggle8"
-                                          id="expandable-toggle8"
-                                          onToggle={[Function]}
-                                        />
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node8 expandable-toggle8"
+                                              id="expandable-toggle8"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -30161,18 +32927,37 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-8"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-8"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -30180,14 +32965,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -30195,14 +32999,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -30210,14 +33033,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -30225,14 +33067,33 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -30388,7 +33249,6 @@ exports[`Collapsible table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -30690,30 +33550,31 @@ exports[`Collapsible table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-34"
+          data-ouia-component-id="OUIA-Generated-Table-38"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -31372,6 +34233,9 @@ exports[`Collapsible table 1`] = `
                                     data-key={0}
                                     data-label=""
                                     onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -31380,6 +34244,9 @@ exports[`Collapsible table 1`] = `
                                       data-label=""
                                       innerRef={null}
                                       onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <td
                                         aria-sort={null}
@@ -31387,7 +34254,7 @@ exports[`Collapsible table 1`] = `
                                         data-key={0}
                                         data-label=""
                                         onMouseEnter={[Function]}
-                                        scope="col"
+                                        scope=""
                                       />
                                     </BaseHeaderCellBase>
                                   </BaseHeaderCell>
@@ -31408,6 +34275,8 @@ exports[`Collapsible table 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -31418,6 +34287,8 @@ exports[`Collapsible table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -31495,6 +34366,8 @@ exports[`Collapsible table 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -31504,6 +34377,8 @@ exports[`Collapsible table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -31531,6 +34406,8 @@ exports[`Collapsible table 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -31540,6 +34417,8 @@ exports[`Collapsible table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -31567,6 +34446,8 @@ exports[`Collapsible table 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -31576,6 +34457,8 @@ exports[`Collapsible table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -31603,6 +34486,8 @@ exports[`Collapsible table 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -31612,6 +34497,8 @@ exports[`Collapsible table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -34681,12 +37568,14 @@ exports[`Collapsible table 1`] = `
                     }
                   >
                     <BaseTableBody
-                      className="pf-m-expanded"
+                      className=""
+                      isExpanded={true}
                       key="tbody-0"
                     >
                       <BaseTableBodyBase
-                        className="pf-m-expanded"
+                        className=""
                         innerRef={null}
+                        isExpanded={true}
                       >
                         <tbody
                           className="pf-m-expanded"
@@ -35109,24 +37998,16 @@ exports[`Collapsible table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-277"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-277"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-277"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-157"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -35139,73 +38020,93 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__toggle"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node0 expandable-toggle0"
-                                          id="expandable-toggle0"
-                                          isOpen={true}
-                                          onToggle={[Function]}
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__toggle"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Button
-                                            aria-expanded={true}
-                                            aria-label="Details"
-                                            aria-labelledby="simple-node0 expandable-toggle0"
-                                            className="pf-m-expanded"
-                                            id="expandable-toggle0"
-                                            onClick={[Function]}
-                                            variant="plain"
+                                          <td
+                                            className="pf-c-table__toggle"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
                                           >
-                                            <button
-                                              aria-disabled={false}
-                                              aria-expanded={true}
-                                              aria-label="Details"
+                                            <CollapseColumn
                                               aria-labelledby="simple-node0 expandable-toggle0"
-                                              className="pf-c-button pf-m-plain pf-m-expanded"
-                                              data-ouia-component-id="OUIA-Generated-Button-plain-7"
-                                              data-ouia-component-type="PF4/Button"
-                                              data-ouia-safe={true}
-                                              disabled={false}
                                               id="expandable-toggle0"
-                                              onClick={[Function]}
-                                              role={null}
-                                              type="button"
+                                              isOpen={true}
+                                              onToggle={[Function]}
                                             >
-                                              <div
-                                                className="pf-c-table__toggle-icon"
+                                              <Button
+                                                aria-expanded={true}
+                                                aria-label="Details"
+                                                aria-labelledby="simple-node0 expandable-toggle0"
+                                                className="pf-m-expanded"
+                                                id="expandable-toggle0"
+                                                onClick={[Function]}
+                                                variant="plain"
                                               >
-                                                <AngleDownIcon
-                                                  color="currentColor"
-                                                  noVerticalAlign={false}
-                                                  size="sm"
+                                                <button
+                                                  aria-disabled={false}
+                                                  aria-expanded={true}
+                                                  aria-label="Details"
+                                                  aria-labelledby="simple-node0 expandable-toggle0"
+                                                  className="pf-c-button pf-m-plain pf-m-expanded"
+                                                  data-ouia-component-id="OUIA-Generated-Button-plain-7"
+                                                  data-ouia-component-type="PF4/Button"
+                                                  data-ouia-safe={true}
+                                                  disabled={false}
+                                                  id="expandable-toggle0"
+                                                  onClick={[Function]}
+                                                  role={null}
+                                                  type="button"
                                                 >
-                                                  <svg
-                                                    aria-hidden={true}
-                                                    aria-labelledby={null}
-                                                    fill="currentColor"
-                                                    height="1em"
-                                                    role="img"
-                                                    style={
-                                                      Object {
-                                                        "verticalAlign": "-0.125em",
-                                                      }
-                                                    }
-                                                    viewBox="0 0 320 512"
-                                                    width="1em"
+                                                  <div
+                                                    className="pf-c-table__toggle-icon"
                                                   >
-                                                    <path
-                                                      d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                                    />
-                                                  </svg>
-                                                </AngleDownIcon>
-                                              </div>
-                                            </button>
-                                          </Button>
-                                        </CollapseColumn>
-                                      </td>
+                                                    <AngleDownIcon
+                                                      color="currentColor"
+                                                      noVerticalAlign={false}
+                                                      size="sm"
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        aria-labelledby={null}
+                                                        fill="currentColor"
+                                                        height="1em"
+                                                        role="img"
+                                                        style={
+                                                          Object {
+                                                            "verticalAlign": "-0.125em",
+                                                          }
+                                                        }
+                                                        viewBox="0 0 320 512"
+                                                        width="1em"
+                                                      >
+                                                        <path
+                                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                        />
+                                                      </svg>
+                                                    </AngleDownIcon>
+                                                  </div>
+                                                </button>
+                                              </Button>
+                                            </CollapseColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -35214,18 +38115,37 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-0"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-0"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -35233,14 +38153,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -35248,14 +38187,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -35263,14 +38221,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -35278,14 +38255,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -35708,25 +38704,19 @@ exports[`Collapsible table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row pf-m-expanded"
-                                data-ouia-component-id="OUIA-Generated-TableRow-279"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
+                                className=""
+                                isExpanded={true}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row pf-m-expanded"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-279"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={true}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row pf-m-expanded"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-279"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-158"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -35739,17 +38729,37 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node1 expandable-toggle1"
-                                          id="expandable-toggle1"
-                                          onToggle={[Function]}
-                                        />
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node1 expandable-toggle1"
+                                              id="expandable-toggle1"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -35762,20 +38772,43 @@ exports[`Collapsible table 1`] = `
                                       key="col-1-row-1"
                                       parentId={0}
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         id="expanded-content1-1"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-1"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          id="expanded-content1-1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            colSpan={1}
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            id="expanded-content1-1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-1"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -35787,16 +38820,39 @@ exports[`Collapsible table 1`] = `
                                       key="col-2-row-1"
                                       parentId={0}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         id="expanded-content1-2"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          id="expanded-content1-2"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={2}
+                                            data-label="Branches"
+                                            id="expanded-content1-2"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -35808,16 +38864,39 @@ exports[`Collapsible table 1`] = `
                                       key="col-3-row-1"
                                       parentId={0}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         id="expanded-content1-3"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          id="expanded-content1-3"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            id="expanded-content1-3"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -35829,16 +38908,39 @@ exports[`Collapsible table 1`] = `
                                       key="col-4-row-1"
                                       parentId={0}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         id="expanded-content1-4"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          id="expanded-content1-4"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            id="expanded-content1-4"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -35850,16 +38952,39 @@ exports[`Collapsible table 1`] = `
                                       key="col-5-row-1"
                                       parentId={0}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         id="expanded-content1-5"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          id="expanded-content1-5"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            id="expanded-content1-5"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -36296,24 +39421,16 @@ exports[`Collapsible table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-281"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-281"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-281"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-159"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -36326,17 +39443,37 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node2 expandable-toggle2"
-                                          id="expandable-toggle2"
-                                          onToggle={[Function]}
-                                        />
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node2 expandable-toggle2"
+                                              id="expandable-toggle2"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -36345,18 +39482,37 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-2"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-2"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -36364,14 +39520,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -36379,14 +39554,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -36394,14 +39588,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -36409,14 +39622,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -36428,11 +39660,13 @@ exports[`Collapsible table 1`] = `
                     </BaseTableBody>
                     <BaseTableBody
                       className=""
+                      isExpanded={false}
                       key="tbody-2"
                     >
                       <BaseTableBodyBase
                         className=""
                         innerRef={null}
+                        isExpanded={false}
                       >
                         <tbody
                           className=""
@@ -36855,24 +40089,16 @@ exports[`Collapsible table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-283"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-283"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-283"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-160"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -36885,73 +40111,93 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__toggle"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node3 expandable-toggle3"
-                                          id="expandable-toggle3"
-                                          isOpen={false}
-                                          onToggle={[Function]}
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__toggle"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Button
-                                            aria-expanded={false}
-                                            aria-label="Details"
-                                            aria-labelledby="simple-node3 expandable-toggle3"
-                                            className=""
-                                            id="expandable-toggle3"
-                                            onClick={[Function]}
-                                            variant="plain"
+                                          <td
+                                            className="pf-c-table__toggle"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
                                           >
-                                            <button
-                                              aria-disabled={false}
-                                              aria-expanded={false}
-                                              aria-label="Details"
+                                            <CollapseColumn
                                               aria-labelledby="simple-node3 expandable-toggle3"
-                                              className="pf-c-button pf-m-plain"
-                                              data-ouia-component-id="OUIA-Generated-Button-plain-8"
-                                              data-ouia-component-type="PF4/Button"
-                                              data-ouia-safe={true}
-                                              disabled={false}
                                               id="expandable-toggle3"
-                                              onClick={[Function]}
-                                              role={null}
-                                              type="button"
+                                              isOpen={false}
+                                              onToggle={[Function]}
                                             >
-                                              <div
-                                                className="pf-c-table__toggle-icon"
+                                              <Button
+                                                aria-expanded={false}
+                                                aria-label="Details"
+                                                aria-labelledby="simple-node3 expandable-toggle3"
+                                                className=""
+                                                id="expandable-toggle3"
+                                                onClick={[Function]}
+                                                variant="plain"
                                               >
-                                                <AngleDownIcon
-                                                  color="currentColor"
-                                                  noVerticalAlign={false}
-                                                  size="sm"
+                                                <button
+                                                  aria-disabled={false}
+                                                  aria-expanded={false}
+                                                  aria-label="Details"
+                                                  aria-labelledby="simple-node3 expandable-toggle3"
+                                                  className="pf-c-button pf-m-plain"
+                                                  data-ouia-component-id="OUIA-Generated-Button-plain-8"
+                                                  data-ouia-component-type="PF4/Button"
+                                                  data-ouia-safe={true}
+                                                  disabled={false}
+                                                  id="expandable-toggle3"
+                                                  onClick={[Function]}
+                                                  role={null}
+                                                  type="button"
                                                 >
-                                                  <svg
-                                                    aria-hidden={true}
-                                                    aria-labelledby={null}
-                                                    fill="currentColor"
-                                                    height="1em"
-                                                    role="img"
-                                                    style={
-                                                      Object {
-                                                        "verticalAlign": "-0.125em",
-                                                      }
-                                                    }
-                                                    viewBox="0 0 320 512"
-                                                    width="1em"
+                                                  <div
+                                                    className="pf-c-table__toggle-icon"
                                                   >
-                                                    <path
-                                                      d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                                    />
-                                                  </svg>
-                                                </AngleDownIcon>
-                                              </div>
-                                            </button>
-                                          </Button>
-                                        </CollapseColumn>
-                                      </td>
+                                                    <AngleDownIcon
+                                                      color="currentColor"
+                                                      noVerticalAlign={false}
+                                                      size="sm"
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        aria-labelledby={null}
+                                                        fill="currentColor"
+                                                        height="1em"
+                                                        role="img"
+                                                        style={
+                                                          Object {
+                                                            "verticalAlign": "-0.125em",
+                                                          }
+                                                        }
+                                                        viewBox="0 0 320 512"
+                                                        width="1em"
+                                                      >
+                                                        <path
+                                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                        />
+                                                      </svg>
+                                                    </AngleDownIcon>
+                                                  </div>
+                                                </button>
+                                              </Button>
+                                            </CollapseColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -36960,18 +40206,37 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-3"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-3"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -36979,14 +40244,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -36994,14 +40278,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -37009,14 +40312,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -37024,14 +40346,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -37454,25 +40795,19 @@ exports[`Collapsible table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-285"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-285"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-285"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-161"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -37485,17 +40820,37 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node4 expandable-toggle4"
-                                          id="expandable-toggle4"
-                                          onToggle={[Function]}
-                                        />
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node4 expandable-toggle4"
+                                              id="expandable-toggle4"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -37508,19 +40863,43 @@ exports[`Collapsible table 1`] = `
                                       key="col-1-row-4"
                                       parentId={3}
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="th"
                                         data-key={1}
+                                        dataLabel={null}
                                         id="expanded-content4-1"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-4"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel={null}
+                                          id="expanded-content4-1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            colSpan={1}
+                                            data-key={1}
+                                            data-label={null}
+                                            id="expanded-content4-1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-4"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -37532,15 +40911,39 @@ exports[`Collapsible table 1`] = `
                                       key="col-2-row-4"
                                       parentId={3}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={2}
+                                        dataLabel={null}
                                         id="expanded-content4-2"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel={null}
+                                          id="expanded-content4-2"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={2}
+                                            data-label={null}
+                                            id="expanded-content4-2"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -37552,15 +40955,39 @@ exports[`Collapsible table 1`] = `
                                       key="col-3-row-4"
                                       parentId={3}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={3}
+                                        dataLabel={null}
                                         id="expanded-content4-3"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel={null}
+                                          id="expanded-content4-3"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={3}
+                                            data-label={null}
+                                            id="expanded-content4-3"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -37572,15 +40999,39 @@ exports[`Collapsible table 1`] = `
                                       key="col-4-row-4"
                                       parentId={3}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={4}
+                                        dataLabel={null}
                                         id="expanded-content4-4"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel={null}
+                                          id="expanded-content4-4"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={4}
+                                            data-label={null}
+                                            id="expanded-content4-4"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -37592,15 +41043,39 @@ exports[`Collapsible table 1`] = `
                                       key="col-5-row-4"
                                       parentId={3}
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
                                         colSpan={1}
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         id="expanded-content4-5"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          id="expanded-content4-5"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={5}
+                                            data-label={null}
+                                            id="expanded-content4-5"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -38037,24 +41512,16 @@ exports[`Collapsible table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-287"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-287"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-287"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-162"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -38067,17 +41534,37 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node5 expandable-toggle5"
-                                          id="expandable-toggle5"
-                                          onToggle={[Function]}
-                                        />
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node5 expandable-toggle5"
+                                              id="expandable-toggle5"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -38086,18 +41573,37 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-5"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-5"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -38105,14 +41611,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -38120,14 +41645,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -38135,14 +41679,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -38150,14 +41713,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -38594,24 +42176,16 @@ exports[`Collapsible table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-289"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-289"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-289"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-163"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -38624,17 +42198,37 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node6 expandable-toggle6"
-                                          id="expandable-toggle6"
-                                          onToggle={[Function]}
-                                        />
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node6 expandable-toggle6"
+                                              id="expandable-toggle6"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -38643,18 +42237,37 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-6"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-6"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -38662,14 +42275,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -38677,14 +42309,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -38692,14 +42343,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -38707,14 +42377,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -39151,24 +42840,16 @@ exports[`Collapsible table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-291"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-291"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-291"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-164"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -39181,17 +42862,37 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node7 expandable-toggle7"
-                                          id="expandable-toggle7"
-                                          onToggle={[Function]}
-                                        />
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node7 expandable-toggle7"
+                                              id="expandable-toggle7"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -39200,18 +42901,37 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-7"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-7"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -39219,14 +42939,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -39234,14 +42973,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -39249,14 +43007,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -39264,14 +43041,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -39708,24 +43504,16 @@ exports[`Collapsible table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-293"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-293"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-293"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-165"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -39738,17 +43526,37 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <CollapseColumn
-                                          aria-labelledby="simple-node8 expandable-toggle8"
-                                          id="expandable-toggle8"
-                                          onToggle={[Function]}
-                                        />
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node8 expandable-toggle8"
+                                              id="expandable-toggle8"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -39757,18 +43565,37 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-8"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-8"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -39776,14 +43603,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -39791,14 +43637,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -39806,14 +43671,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -39821,14 +43705,33 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -39953,8 +43856,7 @@ exports[`Compound Expandable table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
-    className="pf-m-expandable"
+    className=""
     columns={
       Array [
         Object {
@@ -40065,30 +43967,31 @@ exports[`Compound Expandable table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
-      className="pf-m-expandable"
+      className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
-        className="pf-m-expandable"
+        className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
-          className="pf-m-expandable pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-36"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-40"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -40367,6 +44270,8 @@ exports[`Compound Expandable table 1`] = `
                                     data-label="col1"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -40376,6 +44281,8 @@ exports[`Compound Expandable table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -40403,6 +44310,8 @@ exports[`Compound Expandable table 1`] = `
                                     data-label="col2"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -40412,6 +44321,8 @@ exports[`Compound Expandable table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -41429,12 +45340,14 @@ exports[`Compound Expandable table 1`] = `
                     }
                   >
                     <BaseTableBody
-                      className="pf-m-expanded"
+                      className=""
+                      isExpanded={true}
                       key="tbody-0"
                     >
                       <BaseTableBodyBase
-                        className="pf-m-expanded"
+                        className=""
                         innerRef={null}
+                        isExpanded={true}
                       >
                         <tbody
                           className="pf-m-expanded"
@@ -41643,24 +45556,16 @@ exports[`Compound Expandable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-295"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-295"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-295"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-166"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -41674,27 +45579,46 @@ exports[`Compound Expandable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__compound-expansion-toggle pf-m-expanded"
+                                        component="td"
                                         data-key={0}
-                                        data-label="col1"
+                                        dataLabel="col1"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <button
-                                          aria-expanded={true}
-                                          className="pf-c-table__button"
-                                          onClick={[Function]}
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__compound-expansion-toggle pf-m-expanded"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="col1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <TableText>
-                                            <span
-                                              className="pf-c-table__text"
-                                              onMouseEnter={[Function]}
+                                          <td
+                                            className="pf-c-table__compound-expansion-toggle pf-m-expanded"
+                                            data-key={0}
+                                            data-label="col1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <button
+                                              aria-expanded={true}
+                                              className="pf-c-table__button"
+                                              onClick={[Function]}
                                             >
-                                              1
-                                            </span>
-                                          </TableText>
-                                        </button>
-                                      </td>
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  1
+                                                </span>
+                                              </TableText>
+                                            </button>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__compound-expansion-toggle"
@@ -41704,27 +45628,46 @@ exports[`Compound Expandable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__compound-expansion-toggle"
+                                        component="td"
                                         data-key={1}
-                                        data-label="col2"
+                                        dataLabel="col2"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          className="pf-c-table__button"
-                                          onClick={[Function]}
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__compound-expansion-toggle"
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="col2"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <TableText>
-                                            <span
-                                              className="pf-c-table__text"
-                                              onMouseEnter={[Function]}
+                                          <td
+                                            className="pf-c-table__compound-expansion-toggle"
+                                            data-key={1}
+                                            data-label="col2"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <button
+                                              aria-expanded={false}
+                                              className="pf-c-table__button"
+                                              onClick={[Function]}
                                             >
-                                              2
-                                            </span>
-                                          </TableText>
-                                        </button>
-                                      </td>
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  2
+                                                </span>
+                                              </TableText>
+                                            </button>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -41907,25 +45850,19 @@ exports[`Compound Expandable table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row pf-m-expanded"
-                                data-ouia-component-id="OUIA-Generated-TableRow-297"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
+                                className=""
+                                isExpanded={true}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row pf-m-expanded"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-297"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={true}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row pf-m-expanded"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-297"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-167"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -41939,15 +45876,36 @@ exports[`Compound Expandable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__compound-expansion-toggle"
                                         colSpan={2}
+                                        component="td"
                                         data-key={0}
-                                        data-label="col1"
+                                        dataLabel="col1"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        expanded
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__compound-expansion-toggle"
+                                          colSpan={2}
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="col1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__compound-expansion-toggle"
+                                            colSpan={2}
+                                            data-key={0}
+                                            data-label="col1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            expanded
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -41964,11 +45922,13 @@ exports[`Compound Expandable table 1`] = `
                     </BaseTableBody>
                     <BaseTableBody
                       className=""
+                      isExpanded={false}
                       key="tbody-1"
                     >
                       <BaseTableBodyBase
                         className=""
                         innerRef={null}
+                        isExpanded={false}
                       >
                         <tbody
                           className=""
@@ -42177,24 +46137,16 @@ exports[`Compound Expandable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-299"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-299"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-299"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-168"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -42208,27 +46160,46 @@ exports[`Compound Expandable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__compound-expansion-toggle"
+                                        component="td"
                                         data-key={0}
-                                        data-label="col1"
+                                        dataLabel="col1"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          className="pf-c-table__button"
-                                          onClick={[Function]}
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__compound-expansion-toggle"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="col1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <TableText>
-                                            <span
-                                              className="pf-c-table__text"
-                                              onMouseEnter={[Function]}
+                                          <td
+                                            className="pf-c-table__compound-expansion-toggle"
+                                            data-key={0}
+                                            data-label="col1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <button
+                                              aria-expanded={false}
+                                              className="pf-c-table__button"
+                                              onClick={[Function]}
                                             >
-                                              3
-                                            </span>
-                                          </TableText>
-                                        </button>
-                                      </td>
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  3
+                                                </span>
+                                              </TableText>
+                                            </button>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__compound-expansion-toggle"
@@ -42238,27 +46209,46 @@ exports[`Compound Expandable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__compound-expansion-toggle"
+                                        component="td"
                                         data-key={1}
-                                        data-label="col2"
+                                        dataLabel="col2"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          className="pf-c-table__button"
-                                          onClick={[Function]}
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__compound-expansion-toggle"
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="col2"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <TableText>
-                                            <span
-                                              className="pf-c-table__text"
-                                              onMouseEnter={[Function]}
+                                          <td
+                                            className="pf-c-table__compound-expansion-toggle"
+                                            data-key={1}
+                                            data-label="col2"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <button
+                                              aria-expanded={false}
+                                              className="pf-c-table__button"
+                                              onClick={[Function]}
                                             >
-                                              4
-                                            </span>
-                                          </TableText>
-                                        </button>
-                                      </td>
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  4
+                                                </span>
+                                              </TableText>
+                                            </button>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -42441,25 +46431,19 @@ exports[`Compound Expandable table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-301"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-301"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-301"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-169"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -42473,15 +46457,36 @@ exports[`Compound Expandable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__compound-expansion-toggle"
                                         colSpan={2}
+                                        component="td"
                                         data-key={0}
-                                        data-label="col1"
+                                        dataLabel="col1"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        expanded
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__compound-expansion-toggle"
+                                          colSpan={2}
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="col1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__compound-expansion-toggle"
+                                            colSpan={2}
+                                            data-key={0}
+                                            data-label="col1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            expanded
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -42659,7 +46664,6 @@ exports[`Control text table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -42908,30 +46912,31 @@ exports[`Control text table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-44"
+          data-ouia-component-id="OUIA-Generated-Table-48"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -43485,6 +47490,8 @@ exports[`Control text table 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-m-nowrap"
@@ -43494,6 +47501,8 @@ exports[`Control text table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -43522,6 +47531,8 @@ exports[`Control text table 1`] = `
                                     data-label="new object column"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-m-wrap"
@@ -43531,6 +47542,8 @@ exports[`Control text table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -43559,6 +47572,8 @@ exports[`Control text table 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-m-break-word"
@@ -43568,6 +47583,8 @@ exports[`Control text table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -43596,6 +47613,8 @@ exports[`Control text table 1`] = `
                                     data-label="new object column"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-m-truncate"
@@ -43605,6 +47624,8 @@ exports[`Control text table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -43633,6 +47654,8 @@ exports[`Control text table 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-m-fit-content"
@@ -43642,6 +47665,8 @@ exports[`Control text table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -46303,11 +50328,13 @@ exports[`Control text table 1`] = `
                   >
                     <BaseTableBody
                       className=""
+                      isExpanded={false}
                       key="tbody-0"
                     >
                       <BaseTableBodyBase
                         className=""
                         innerRef={null}
+                        isExpanded={false}
                       >
                         <tbody
                           className=""
@@ -46663,24 +50690,16 @@ exports[`Control text table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-357"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-357"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-357"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-197"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -46693,18 +50712,37 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-0"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-0"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -46712,14 +50750,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -46727,14 +50784,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -46742,14 +50818,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -46757,14 +50852,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -47122,25 +51236,19 @@ exports[`Control text table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-359"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-359"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-359"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-198"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -47153,18 +51261,37 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-1"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-1"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -47172,14 +51299,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -47187,14 +51333,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -47202,14 +51367,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -47217,14 +51401,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -47580,25 +51783,19 @@ exports[`Control text table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-361"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-361"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-361"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-199"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -47611,18 +51808,37 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-2"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-2"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -47630,14 +51846,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -47645,14 +51880,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -47660,14 +51914,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -47675,14 +51948,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -47694,11 +51986,13 @@ exports[`Control text table 1`] = `
                     </BaseTableBody>
                     <BaseTableBody
                       className=""
+                      isExpanded={false}
                       key="tbody-1"
                     >
                       <BaseTableBodyBase
                         className=""
                         innerRef={null}
+                        isExpanded={false}
                       >
                         <tbody
                           className=""
@@ -48054,24 +52348,16 @@ exports[`Control text table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-363"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-363"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-363"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-200"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -48084,18 +52370,37 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-3"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-3"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -48103,14 +52408,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -48118,14 +52442,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -48133,14 +52476,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -48148,14 +52510,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -48511,25 +52892,19 @@ exports[`Control text table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-365"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-365"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-365"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-201"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -48542,18 +52917,37 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-4"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-4"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -48561,14 +52955,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -48576,14 +52989,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -48591,14 +53023,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -48606,14 +53057,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -48983,24 +53453,16 @@ exports[`Control text table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-367"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-367"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-367"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-202"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -49013,18 +53475,37 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-5"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-5"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -49032,14 +53513,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -49047,14 +53547,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -49062,14 +53581,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -49077,14 +53615,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -49454,24 +54011,16 @@ exports[`Control text table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-369"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-369"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-369"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-203"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -49484,18 +54033,37 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-6"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-6"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -49503,14 +54071,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -49518,14 +54105,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -49533,14 +54139,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -49548,14 +54173,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -49925,24 +54569,16 @@ exports[`Control text table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-371"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-371"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-371"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-204"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -49955,18 +54591,37 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-7"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-7"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -49974,14 +54629,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -49989,14 +54663,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -50004,14 +54697,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -50019,14 +54731,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -50396,24 +55127,16 @@ exports[`Control text table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-373"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-373"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-373"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-205"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -50426,18 +55149,37 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-8"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-8"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -50445,14 +55187,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -50460,14 +55221,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -50475,14 +55255,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="new object column"
+                                        dataLabel="new object column"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -50490,14 +55289,33 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -50620,7 +55438,6 @@ exports[`Editable table 1`] = `
     className="pf-c-inline-edit"
   >
     <Provider
-      borders={true}
       className=""
       columns={
         Array [
@@ -50863,23 +55680,24 @@ exports[`Editable table 1`] = `
         }
       }
       role="grid"
+      variant={null}
     >
       <BaseTable
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <BaseTableBase
-          borders={true}
           className=""
           gridBreakPoint="grid-md"
           innerRef={null}
           isStickyHeader={false}
           ouiaSafe={true}
           role="grid"
+          variant={null}
         >
           <table
             className="pf-c-table pf-m-grid-md"
@@ -51427,6 +56245,8 @@ exports[`Editable table 1`] = `
                                       data-label="Text input col 1"
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <BaseHeaderCellBase
                                         className=""
@@ -51436,6 +56256,8 @@ exports[`Editable table 1`] = `
                                         innerRef={null}
                                         onMouseEnter={[Function]}
                                         scope="col"
+                                        textCenter={false}
+                                        tooltip=""
                                       >
                                         <th
                                           aria-sort={null}
@@ -51463,6 +56285,8 @@ exports[`Editable table 1`] = `
                                       data-label="Disabled text input col 2"
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <BaseHeaderCellBase
                                         className=""
@@ -51472,6 +56296,8 @@ exports[`Editable table 1`] = `
                                         innerRef={null}
                                         onMouseEnter={[Function]}
                                         scope="col"
+                                        textCenter={false}
+                                        tooltip=""
                                       >
                                         <th
                                           aria-sort={null}
@@ -51499,6 +56325,8 @@ exports[`Editable table 1`] = `
                                       data-label="Text input col 3"
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <BaseHeaderCellBase
                                         className=""
@@ -51508,6 +56336,8 @@ exports[`Editable table 1`] = `
                                         innerRef={null}
                                         onMouseEnter={[Function]}
                                         scope="col"
+                                        textCenter={false}
+                                        tooltip=""
                                       >
                                         <th
                                           aria-sort={null}
@@ -51535,6 +56365,8 @@ exports[`Editable table 1`] = `
                                       data-label="Text input col 4"
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <BaseHeaderCellBase
                                         className=""
@@ -51544,6 +56376,8 @@ exports[`Editable table 1`] = `
                                         innerRef={null}
                                         onMouseEnter={[Function]}
                                         scope="col"
+                                        textCenter={false}
+                                        tooltip=""
                                       >
                                         <th
                                           aria-sort={null}
@@ -51570,6 +56404,9 @@ exports[`Editable table 1`] = `
                                       data-key={4}
                                       data-label=""
                                       onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <BaseHeaderCellBase
                                         className=""
@@ -51578,6 +56415,9 @@ exports[`Editable table 1`] = `
                                         data-label=""
                                         innerRef={null}
                                         onMouseEnter={[Function]}
+                                        scope=""
+                                        textCenter={false}
+                                        tooltip=""
                                       >
                                         <th
                                           aria-sort={null}
@@ -51585,7 +56425,7 @@ exports[`Editable table 1`] = `
                                           data-key={4}
                                           data-label=""
                                           onMouseEnter={[Function]}
-                                          scope="col"
+                                          scope=""
                                         />
                                       </BaseHeaderCellBase>
                                     </BaseHeaderCell>
@@ -53956,25 +58796,19 @@ exports[`Editable table 1`] = `
                                 }
                               >
                                 <BaseTableBodyRow
-                                  className="pf-m-inline-editable"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-55"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
+                                  className=""
+                                  isEditable={true}
                                   onMouseDown={[Function]}
                                 >
                                   <BaseTableBodyRowBase
-                                    className="pf-m-inline-editable"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-55"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
+                                    className=""
                                     innerRef={null}
+                                    isEditable={true}
                                     onMouseDown={[Function]}
                                   >
                                     <tr
                                       className="pf-m-inline-editable"
-                                      data-ouia-component-id="OUIA-Generated-TableRow-55"
+                                      data-ouia-component-id="OUIA-Generated-TableRow-28"
                                       data-ouia-component-type="PF4/TableRow"
                                       data-ouia-safe={true}
                                       hidden={false}
@@ -53988,76 +58822,95 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow1Cell1"
                                         value="Row 1 cell 1 content"
                                       >
-                                        <td
+                                        <BaseBodyCell
                                           className=""
+                                          component="td"
                                           data-key={0}
-                                          data-label="Text input col 1"
+                                          dataLabel="Text input col 1"
                                           onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <EditableTextCell
-                                            cellIndex={0}
-                                            handleTextInputChange={[Function]}
-                                            inputAriaLabel="Row 1 cell 1 content"
-                                            props={
-                                              Object {
-                                                "name": "uniqueIdRow1Cell1",
-                                                "value": "Row 1 cell 1 content",
-                                              }
-                                            }
-                                            rowIndex={0}
-                                            value="Row 1 cell 1 content"
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={0}
+                                            dataLabel="Text input col 1"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
                                           >
-                                            <div
-                                              className="pf-c-inline-edit__value"
-                                            >
-                                              Row 1 cell 1 content
-                                            </div>
-                                            <div
-                                              className="pf-c-inline-edit__input"
+                                            <td
+                                              className=""
+                                              data-key={0}
+                                              data-label="Text input col 1"
+                                              onMouseEnter={[Function]}
                                             >
-                                              <ForwardRef
-                                                aria-label="Row 1 cell 1 content"
-                                                isDisabled={false}
-                                                onChange={[Function]}
-                                                type="text"
-                                                validated="default"
+                                              <EditableTextCell
+                                                cellIndex={0}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 1 cell 1 content"
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow1Cell1",
+                                                    "value": "Row 1 cell 1 content",
+                                                  }
+                                                }
+                                                rowIndex={0}
                                                 value="Row 1 cell 1 content"
                                               >
-                                                <TextInputBase
-                                                  aria-label="Row 1 cell 1 content"
-                                                  className=""
-                                                  innerRef={null}
-                                                  isDisabled={false}
-                                                  isLeftTruncated={false}
-                                                  isReadOnly={false}
-                                                  isRequired={false}
-                                                  onChange={[Function]}
-                                                  type="text"
-                                                  validated="default"
-                                                  value="Row 1 cell 1 content"
+                                                <div
+                                                  className="pf-c-inline-edit__value"
+                                                >
+                                                  Row 1 cell 1 content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
                                                 >
-                                                  <input
-                                                    aria-invalid={false}
+                                                  <ForwardRef
                                                     aria-label="Row 1 cell 1 content"
-                                                    className="pf-c-form-control"
-                                                    disabled={false}
-                                                    onBlur={[Function]}
+                                                    isDisabled={false}
                                                     onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    readOnly={false}
-                                                    required={false}
                                                     type="text"
+                                                    validated="default"
                                                     value="Row 1 cell 1 content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 1 cell 1 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={false}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 1 cell 1 content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 1 cell 1 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 1 cell 1 content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </ForwardRef>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
                                                   />
-                                                </TextInputBase>
-                                              </ForwardRef>
-                                              <div
-                                                aria-live="polite"
-                                                className="pf-c-form__helper-text pf-m-error"
-                                              />
-                                            </div>
-                                          </EditableTextCell>
-                                        </td>
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
                                       </BodyCell>
                                       <BodyCell
                                         data-key={1}
@@ -54067,77 +58920,96 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow1Cell2"
                                         value="Row 1 cell 2, disabled content"
                                       >
-                                        <td
+                                        <BaseBodyCell
                                           className=""
+                                          component="td"
                                           data-key={1}
-                                          data-label="Disabled text input col 2"
+                                          dataLabel="Disabled text input col 2"
                                           onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <EditableTextCell
-                                            cellIndex={1}
-                                            handleTextInputChange={[Function]}
-                                            inputAriaLabel="Row 1 cell 2 content"
-                                            isDisabled={true}
-                                            props={
-                                              Object {
-                                                "name": "uniqueIdRow1Cell2",
-                                                "value": "Row 1 cell 2, disabled content",
-                                              }
-                                            }
-                                            rowIndex={0}
-                                            value="Row 1 cell 2, disabled content"
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={1}
+                                            dataLabel="Disabled text input col 2"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
                                           >
-                                            <div
-                                              className="pf-c-inline-edit__value"
-                                            >
-                                              Row 1 cell 2, disabled content
-                                            </div>
-                                            <div
-                                              className="pf-c-inline-edit__input"
+                                            <td
+                                              className=""
+                                              data-key={1}
+                                              data-label="Disabled text input col 2"
+                                              onMouseEnter={[Function]}
                                             >
-                                              <ForwardRef
-                                                aria-label="Row 1 cell 2 content"
+                                              <EditableTextCell
+                                                cellIndex={1}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 1 cell 2 content"
                                                 isDisabled={true}
-                                                onChange={[Function]}
-                                                type="text"
-                                                validated="default"
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow1Cell2",
+                                                    "value": "Row 1 cell 2, disabled content",
+                                                  }
+                                                }
+                                                rowIndex={0}
                                                 value="Row 1 cell 2, disabled content"
                                               >
-                                                <TextInputBase
-                                                  aria-label="Row 1 cell 2 content"
-                                                  className=""
-                                                  innerRef={null}
-                                                  isDisabled={true}
-                                                  isLeftTruncated={false}
-                                                  isReadOnly={false}
-                                                  isRequired={false}
-                                                  onChange={[Function]}
-                                                  type="text"
-                                                  validated="default"
-                                                  value="Row 1 cell 2, disabled content"
+                                                <div
+                                                  className="pf-c-inline-edit__value"
+                                                >
+                                                  Row 1 cell 2, disabled content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
                                                 >
-                                                  <input
-                                                    aria-invalid={false}
+                                                  <ForwardRef
                                                     aria-label="Row 1 cell 2 content"
-                                                    className="pf-c-form-control"
-                                                    disabled={true}
-                                                    onBlur={[Function]}
+                                                    isDisabled={true}
                                                     onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    readOnly={false}
-                                                    required={false}
                                                     type="text"
+                                                    validated="default"
                                                     value="Row 1 cell 2, disabled content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 1 cell 2 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={true}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 1 cell 2, disabled content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 1 cell 2 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={true}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 1 cell 2, disabled content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </ForwardRef>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
                                                   />
-                                                </TextInputBase>
-                                              </ForwardRef>
-                                              <div
-                                                aria-live="polite"
-                                                className="pf-c-form__helper-text pf-m-error"
-                                              />
-                                            </div>
-                                          </EditableTextCell>
-                                        </td>
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
                                       </BodyCell>
                                       <BodyCell
                                         data-key={2}
@@ -54147,76 +59019,95 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow1Cell3"
                                         value="Row 1 cell 3 content"
                                       >
-                                        <td
+                                        <BaseBodyCell
                                           className=""
+                                          component="td"
                                           data-key={2}
-                                          data-label="Text input col 3"
+                                          dataLabel="Text input col 3"
                                           onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <EditableTextCell
-                                            cellIndex={2}
-                                            handleTextInputChange={[Function]}
-                                            inputAriaLabel="Row 1 cell 3 content"
-                                            props={
-                                              Object {
-                                                "name": "uniqueIdRow1Cell3",
-                                                "value": "Row 1 cell 3 content",
-                                              }
-                                            }
-                                            rowIndex={0}
-                                            value="Row 1 cell 3 content"
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={2}
+                                            dataLabel="Text input col 3"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
                                           >
-                                            <div
-                                              className="pf-c-inline-edit__value"
-                                            >
-                                              Row 1 cell 3 content
-                                            </div>
-                                            <div
-                                              className="pf-c-inline-edit__input"
+                                            <td
+                                              className=""
+                                              data-key={2}
+                                              data-label="Text input col 3"
+                                              onMouseEnter={[Function]}
                                             >
-                                              <ForwardRef
-                                                aria-label="Row 1 cell 3 content"
-                                                isDisabled={false}
-                                                onChange={[Function]}
-                                                type="text"
-                                                validated="default"
+                                              <EditableTextCell
+                                                cellIndex={2}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 1 cell 3 content"
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow1Cell3",
+                                                    "value": "Row 1 cell 3 content",
+                                                  }
+                                                }
+                                                rowIndex={0}
                                                 value="Row 1 cell 3 content"
                                               >
-                                                <TextInputBase
-                                                  aria-label="Row 1 cell 3 content"
-                                                  className=""
-                                                  innerRef={null}
-                                                  isDisabled={false}
-                                                  isLeftTruncated={false}
-                                                  isReadOnly={false}
-                                                  isRequired={false}
-                                                  onChange={[Function]}
-                                                  type="text"
-                                                  validated="default"
-                                                  value="Row 1 cell 3 content"
+                                                <div
+                                                  className="pf-c-inline-edit__value"
+                                                >
+                                                  Row 1 cell 3 content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
                                                 >
-                                                  <input
-                                                    aria-invalid={false}
+                                                  <ForwardRef
                                                     aria-label="Row 1 cell 3 content"
-                                                    className="pf-c-form-control"
-                                                    disabled={false}
-                                                    onBlur={[Function]}
+                                                    isDisabled={false}
                                                     onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    readOnly={false}
-                                                    required={false}
                                                     type="text"
+                                                    validated="default"
                                                     value="Row 1 cell 3 content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 1 cell 3 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={false}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 1 cell 3 content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 1 cell 3 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 1 cell 3 content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </ForwardRef>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
                                                   />
-                                                </TextInputBase>
-                                              </ForwardRef>
-                                              <div
-                                                aria-live="polite"
-                                                className="pf-c-form__helper-text pf-m-error"
-                                              />
-                                            </div>
-                                          </EditableTextCell>
-                                        </td>
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
                                       </BodyCell>
                                       <BodyCell
                                         data-key={3}
@@ -54226,76 +59117,95 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow1Cell4"
                                         value="Row 1 cell 4 content"
                                       >
-                                        <td
+                                        <BaseBodyCell
                                           className=""
+                                          component="td"
                                           data-key={3}
-                                          data-label="Text input col 4"
+                                          dataLabel="Text input col 4"
                                           onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <EditableTextCell
-                                            cellIndex={3}
-                                            handleTextInputChange={[Function]}
-                                            inputAriaLabel="Row 1 cell 4 content"
-                                            props={
-                                              Object {
-                                                "name": "uniqueIdRow1Cell4",
-                                                "value": "Row 1 cell 4 content",
-                                              }
-                                            }
-                                            rowIndex={0}
-                                            value="Row 1 cell 4 content"
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={3}
+                                            dataLabel="Text input col 4"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
                                           >
-                                            <div
-                                              className="pf-c-inline-edit__value"
-                                            >
-                                              Row 1 cell 4 content
-                                            </div>
-                                            <div
-                                              className="pf-c-inline-edit__input"
+                                            <td
+                                              className=""
+                                              data-key={3}
+                                              data-label="Text input col 4"
+                                              onMouseEnter={[Function]}
                                             >
-                                              <ForwardRef
-                                                aria-label="Row 1 cell 4 content"
-                                                isDisabled={false}
-                                                onChange={[Function]}
-                                                type="text"
-                                                validated="default"
+                                              <EditableTextCell
+                                                cellIndex={3}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 1 cell 4 content"
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow1Cell4",
+                                                    "value": "Row 1 cell 4 content",
+                                                  }
+                                                }
+                                                rowIndex={0}
                                                 value="Row 1 cell 4 content"
                                               >
-                                                <TextInputBase
-                                                  aria-label="Row 1 cell 4 content"
-                                                  className=""
-                                                  innerRef={null}
-                                                  isDisabled={false}
-                                                  isLeftTruncated={false}
-                                                  isReadOnly={false}
-                                                  isRequired={false}
-                                                  onChange={[Function]}
-                                                  type="text"
-                                                  validated="default"
-                                                  value="Row 1 cell 4 content"
+                                                <div
+                                                  className="pf-c-inline-edit__value"
+                                                >
+                                                  Row 1 cell 4 content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
                                                 >
-                                                  <input
-                                                    aria-invalid={false}
+                                                  <ForwardRef
                                                     aria-label="Row 1 cell 4 content"
-                                                    className="pf-c-form-control"
-                                                    disabled={false}
-                                                    onBlur={[Function]}
+                                                    isDisabled={false}
                                                     onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    readOnly={false}
-                                                    required={false}
                                                     type="text"
+                                                    validated="default"
                                                     value="Row 1 cell 4 content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 1 cell 4 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={false}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 1 cell 4 content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 1 cell 4 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 1 cell 4 content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </ForwardRef>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
                                                   />
-                                                </TextInputBase>
-                                              </ForwardRef>
-                                              <div
-                                                aria-live="polite"
-                                                className="pf-c-form__helper-text pf-m-error"
-                                              />
-                                            </div>
-                                          </EditableTextCell>
-                                        </td>
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
                                       </BodyCell>
                                       <BodyCell
                                         className="pf-c-table__inline-edit-action"
@@ -54305,165 +59215,185 @@ exports[`Editable table 1`] = `
                                         isVisible={true}
                                         key="col-4-row-0"
                                       >
-                                        <td
+                                        <BaseBodyCell
                                           className="pf-c-table__inline-edit-action"
+                                          component="td"
                                           data-key={4}
+                                          dataLabel={null}
                                           onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <EditColumn
-                                            cancelAriaLabel="Cancel row edits for row 0"
-                                            editAriaLabel="Place row 0 in edit mode"
-                                            editing={true}
-                                            onClick={[Function]}
-                                            saveAriaLabel="Save row edits for row 0"
+                                          <BaseBodyCellBase
+                                            className="pf-c-table__inline-edit-action"
+                                            component="td"
+                                            data-key={4}
+                                            dataLabel={null}
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
                                           >
-                                            <div
-                                              className="pf-c-inline-edit__group pf-m-icon-group pf-m-action-group"
+                                            <td
+                                              className="pf-c-table__inline-edit-action"
+                                              data-key={4}
+                                              data-label={null}
+                                              onMouseEnter={[Function]}
                                             >
-                                              <div
-                                                className="pf-c-inline-edit__action"
+                                              <EditColumn
+                                                cancelAriaLabel="Cancel row edits for row 0"
+                                                editAriaLabel="Place row 0 in edit mode"
+                                                editing={true}
+                                                onClick={[Function]}
+                                                saveAriaLabel="Save row edits for row 0"
                                               >
-                                                <Button
-                                                  aria-label="Save row edits for row 0"
-                                                  onClick={[Function]}
-                                                  variant="plain"
+                                                <div
+                                                  className="pf-c-inline-edit__group pf-m-icon-group pf-m-action-group"
                                                 >
-                                                  <button
-                                                    aria-disabled={false}
-                                                    aria-label="Save row edits for row 0"
-                                                    className="pf-c-button pf-m-plain"
-                                                    data-ouia-component-id="OUIA-Generated-Button-plain-1"
-                                                    data-ouia-component-type="PF4/Button"
-                                                    data-ouia-safe={true}
-                                                    disabled={false}
-                                                    onClick={[Function]}
-                                                    role={null}
-                                                    type="button"
+                                                  <div
+                                                    className="pf-c-inline-edit__action"
                                                   >
-                                                    <CheckIcon
-                                                      color="currentColor"
-                                                      noVerticalAlign={false}
-                                                      size="sm"
+                                                    <Button
+                                                      aria-label="Save row edits for row 0"
+                                                      onClick={[Function]}
+                                                      variant="plain"
                                                     >
-                                                      <svg
-                                                        aria-hidden={true}
-                                                        aria-labelledby={null}
-                                                        fill="currentColor"
-                                                        height="1em"
-                                                        role="img"
-                                                        style={
-                                                          Object {
-                                                            "verticalAlign": "-0.125em",
-                                                          }
-                                                        }
-                                                        viewBox="0 0 512 512"
-                                                        width="1em"
+                                                      <button
+                                                        aria-disabled={false}
+                                                        aria-label="Save row edits for row 0"
+                                                        className="pf-c-button pf-m-plain"
+                                                        data-ouia-component-id="OUIA-Generated-Button-plain-1"
+                                                        data-ouia-component-type="PF4/Button"
+                                                        data-ouia-safe={true}
+                                                        disabled={false}
+                                                        onClick={[Function]}
+                                                        role={null}
+                                                        type="button"
                                                       >
-                                                        <path
-                                                          d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
-                                                        />
-                                                      </svg>
-                                                    </CheckIcon>
-                                                  </button>
-                                                </Button>
-                                              </div>
-                                              <div
-                                                className="pf-c-inline-edit__action"
-                                              >
-                                                <Button
-                                                  aria-label="Cancel row edits for row 0"
-                                                  onClick={[Function]}
-                                                  variant="plain"
-                                                >
-                                                  <button
-                                                    aria-disabled={false}
-                                                    aria-label="Cancel row edits for row 0"
-                                                    className="pf-c-button pf-m-plain"
-                                                    data-ouia-component-id="OUIA-Generated-Button-plain-2"
-                                                    data-ouia-component-type="PF4/Button"
-                                                    data-ouia-safe={true}
-                                                    disabled={false}
-                                                    onClick={[Function]}
-                                                    role={null}
-                                                    type="button"
+                                                        <CheckIcon
+                                                          color="currentColor"
+                                                          noVerticalAlign={false}
+                                                          size="sm"
+                                                        >
+                                                          <svg
+                                                            aria-hidden={true}
+                                                            aria-labelledby={null}
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style={
+                                                              Object {
+                                                                "verticalAlign": "-0.125em",
+                                                              }
+                                                            }
+                                                            viewBox="0 0 512 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
+                                                            />
+                                                          </svg>
+                                                        </CheckIcon>
+                                                      </button>
+                                                    </Button>
+                                                  </div>
+                                                  <div
+                                                    className="pf-c-inline-edit__action"
                                                   >
-                                                    <TimesIcon
-                                                      color="currentColor"
-                                                      noVerticalAlign={false}
-                                                      size="sm"
+                                                    <Button
+                                                      aria-label="Cancel row edits for row 0"
+                                                      onClick={[Function]}
+                                                      variant="plain"
                                                     >
-                                                      <svg
-                                                        aria-hidden={true}
-                                                        aria-labelledby={null}
-                                                        fill="currentColor"
-                                                        height="1em"
-                                                        role="img"
-                                                        style={
-                                                          Object {
-                                                            "verticalAlign": "-0.125em",
-                                                          }
-                                                        }
-                                                        viewBox="0 0 352 512"
-                                                        width="1em"
+                                                      <button
+                                                        aria-disabled={false}
+                                                        aria-label="Cancel row edits for row 0"
+                                                        className="pf-c-button pf-m-plain"
+                                                        data-ouia-component-id="OUIA-Generated-Button-plain-2"
+                                                        data-ouia-component-type="PF4/Button"
+                                                        data-ouia-safe={true}
+                                                        disabled={false}
+                                                        onClick={[Function]}
+                                                        role={null}
+                                                        type="button"
                                                       >
-                                                        <path
-                                                          d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-                                                        />
-                                                      </svg>
-                                                    </TimesIcon>
-                                                  </button>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <div
-                                              className="pf-c-inline-edit__action pf-m-enable-editable"
-                                            >
-                                              <Button
-                                                aria-label="Place row 0 in edit mode"
-                                                onClick={[Function]}
-                                                variant="plain"
-                                              >
-                                                <button
-                                                  aria-disabled={false}
-                                                  aria-label="Place row 0 in edit mode"
-                                                  className="pf-c-button pf-m-plain"
-                                                  data-ouia-component-id="OUIA-Generated-Button-plain-3"
-                                                  data-ouia-component-type="PF4/Button"
-                                                  data-ouia-safe={true}
-                                                  disabled={false}
-                                                  onClick={[Function]}
-                                                  role={null}
-                                                  type="button"
+                                                        <TimesIcon
+                                                          color="currentColor"
+                                                          noVerticalAlign={false}
+                                                          size="sm"
+                                                        >
+                                                          <svg
+                                                            aria-hidden={true}
+                                                            aria-labelledby={null}
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style={
+                                                              Object {
+                                                                "verticalAlign": "-0.125em",
+                                                              }
+                                                            }
+                                                            viewBox="0 0 352 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
+                                                            />
+                                                          </svg>
+                                                        </TimesIcon>
+                                                      </button>
+                                                    </Button>
+                                                  </div>
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__action pf-m-enable-editable"
                                                 >
-                                                  <PencilAltIcon
-                                                    color="currentColor"
-                                                    noVerticalAlign={false}
-                                                    size="sm"
+                                                  <Button
+                                                    aria-label="Place row 0 in edit mode"
+                                                    onClick={[Function]}
+                                                    variant="plain"
                                                   >
-                                                    <svg
-                                                      aria-hidden={true}
-                                                      aria-labelledby={null}
-                                                      fill="currentColor"
-                                                      height="1em"
-                                                      role="img"
-                                                      style={
-                                                        Object {
-                                                          "verticalAlign": "-0.125em",
-                                                        }
-                                                      }
-                                                      viewBox="0 0 512 512"
-                                                      width="1em"
+                                                    <button
+                                                      aria-disabled={false}
+                                                      aria-label="Place row 0 in edit mode"
+                                                      className="pf-c-button pf-m-plain"
+                                                      data-ouia-component-id="OUIA-Generated-Button-plain-3"
+                                                      data-ouia-component-type="PF4/Button"
+                                                      data-ouia-safe={true}
+                                                      disabled={false}
+                                                      onClick={[Function]}
+                                                      role={null}
+                                                      type="button"
                                                     >
-                                                      <path
-                                                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                                                      />
-                                                    </svg>
-                                                  </PencilAltIcon>
-                                                </button>
-                                              </Button>
-                                            </div>
-                                          </EditColumn>
-                                        </td>
+                                                      <PencilAltIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 512 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                                                          />
+                                                        </svg>
+                                                      </PencilAltIcon>
+                                                    </button>
+                                                  </Button>
+                                                </div>
+                                              </EditColumn>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
                                       </BodyCell>
                                     </tr>
                                   </BaseTableBodyRowBase>
@@ -54974,24 +59904,18 @@ exports[`Editable table 1`] = `
                               >
                                 <BaseTableBodyRow
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-57"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
+                                  isEditable={false}
                                   onMouseDown={[Function]}
                                 >
                                   <BaseTableBodyRowBase
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-57"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
                                     innerRef={null}
+                                    isEditable={false}
                                     onMouseDown={[Function]}
                                   >
                                     <tr
                                       className=""
-                                      data-ouia-component-id="OUIA-Generated-TableRow-57"
+                                      data-ouia-component-id="OUIA-Generated-TableRow-29"
                                       data-ouia-component-type="PF4/TableRow"
                                       data-ouia-safe={true}
                                       hidden={false}
@@ -55005,76 +59929,95 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow2Cell1"
                                         value="Row 2 cell 1 content"
                                       >
-                                        <td
+                                        <BaseBodyCell
                                           className=""
+                                          component="td"
                                           data-key={0}
-                                          data-label="Text input col 1"
+                                          dataLabel="Text input col 1"
                                           onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <EditableTextCell
-                                            cellIndex={0}
-                                            handleTextInputChange={[Function]}
-                                            inputAriaLabel="Row 1 cell 1 content"
-                                            props={
-                                              Object {
-                                                "name": "uniqueIdRow2Cell1",
-                                                "value": "Row 2 cell 1 content",
-                                              }
-                                            }
-                                            rowIndex={1}
-                                            value="Row 2 cell 1 content"
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={0}
+                                            dataLabel="Text input col 1"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
                                           >
-                                            <div
-                                              className="pf-c-inline-edit__value"
-                                            >
-                                              Row 2 cell 1 content
-                                            </div>
-                                            <div
-                                              className="pf-c-inline-edit__input"
+                                            <td
+                                              className=""
+                                              data-key={0}
+                                              data-label="Text input col 1"
+                                              onMouseEnter={[Function]}
                                             >
-                                              <ForwardRef
-                                                aria-label="Row 1 cell 1 content"
-                                                isDisabled={false}
-                                                onChange={[Function]}
-                                                type="text"
-                                                validated="default"
+                                              <EditableTextCell
+                                                cellIndex={0}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 1 cell 1 content"
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow2Cell1",
+                                                    "value": "Row 2 cell 1 content",
+                                                  }
+                                                }
+                                                rowIndex={1}
                                                 value="Row 2 cell 1 content"
                                               >
-                                                <TextInputBase
-                                                  aria-label="Row 1 cell 1 content"
-                                                  className=""
-                                                  innerRef={null}
-                                                  isDisabled={false}
-                                                  isLeftTruncated={false}
-                                                  isReadOnly={false}
-                                                  isRequired={false}
-                                                  onChange={[Function]}
-                                                  type="text"
-                                                  validated="default"
-                                                  value="Row 2 cell 1 content"
+                                                <div
+                                                  className="pf-c-inline-edit__value"
                                                 >
-                                                  <input
-                                                    aria-invalid={false}
+                                                  Row 2 cell 1 content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
+                                                >
+                                                  <ForwardRef
                                                     aria-label="Row 1 cell 1 content"
-                                                    className="pf-c-form-control"
-                                                    disabled={false}
-                                                    onBlur={[Function]}
+                                                    isDisabled={false}
                                                     onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    readOnly={false}
-                                                    required={false}
                                                     type="text"
+                                                    validated="default"
                                                     value="Row 2 cell 1 content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 1 cell 1 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={false}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 2 cell 1 content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 1 cell 1 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 2 cell 1 content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </ForwardRef>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
                                                   />
-                                                </TextInputBase>
-                                              </ForwardRef>
-                                              <div
-                                                aria-live="polite"
-                                                className="pf-c-form__helper-text pf-m-error"
-                                              />
-                                            </div>
-                                          </EditableTextCell>
-                                        </td>
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
                                       </BodyCell>
                                       <BodyCell
                                         data-key={1}
@@ -55084,77 +60027,96 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow2Cell2"
                                         value="Row 2 cell 2, disabled content"
                                       >
-                                        <td
+                                        <BaseBodyCell
                                           className=""
+                                          component="td"
                                           data-key={1}
-                                          data-label="Disabled text input col 2"
+                                          dataLabel="Disabled text input col 2"
                                           onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <EditableTextCell
-                                            cellIndex={1}
-                                            handleTextInputChange={[Function]}
-                                            inputAriaLabel="Row 2 cell 2 content"
-                                            isDisabled={true}
-                                            props={
-                                              Object {
-                                                "name": "uniqueIdRow2Cell2",
-                                                "value": "Row 2 cell 2, disabled content",
-                                              }
-                                            }
-                                            rowIndex={1}
-                                            value="Row 2 cell 2, disabled content"
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={1}
+                                            dataLabel="Disabled text input col 2"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
                                           >
-                                            <div
-                                              className="pf-c-inline-edit__value"
-                                            >
-                                              Row 2 cell 2, disabled content
-                                            </div>
-                                            <div
-                                              className="pf-c-inline-edit__input"
+                                            <td
+                                              className=""
+                                              data-key={1}
+                                              data-label="Disabled text input col 2"
+                                              onMouseEnter={[Function]}
                                             >
-                                              <ForwardRef
-                                                aria-label="Row 2 cell 2 content"
+                                              <EditableTextCell
+                                                cellIndex={1}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 2 cell 2 content"
                                                 isDisabled={true}
-                                                onChange={[Function]}
-                                                type="text"
-                                                validated="default"
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow2Cell2",
+                                                    "value": "Row 2 cell 2, disabled content",
+                                                  }
+                                                }
+                                                rowIndex={1}
                                                 value="Row 2 cell 2, disabled content"
                                               >
-                                                <TextInputBase
-                                                  aria-label="Row 2 cell 2 content"
-                                                  className=""
-                                                  innerRef={null}
-                                                  isDisabled={true}
-                                                  isLeftTruncated={false}
-                                                  isReadOnly={false}
-                                                  isRequired={false}
-                                                  onChange={[Function]}
-                                                  type="text"
-                                                  validated="default"
-                                                  value="Row 2 cell 2, disabled content"
+                                                <div
+                                                  className="pf-c-inline-edit__value"
                                                 >
-                                                  <input
-                                                    aria-invalid={false}
+                                                  Row 2 cell 2, disabled content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
+                                                >
+                                                  <ForwardRef
                                                     aria-label="Row 2 cell 2 content"
-                                                    className="pf-c-form-control"
-                                                    disabled={true}
-                                                    onBlur={[Function]}
+                                                    isDisabled={true}
                                                     onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    readOnly={false}
-                                                    required={false}
                                                     type="text"
+                                                    validated="default"
                                                     value="Row 2 cell 2, disabled content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 2 cell 2 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={true}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 2 cell 2, disabled content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 2 cell 2 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={true}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 2 cell 2, disabled content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </ForwardRef>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
                                                   />
-                                                </TextInputBase>
-                                              </ForwardRef>
-                                              <div
-                                                aria-live="polite"
-                                                className="pf-c-form__helper-text pf-m-error"
-                                              />
-                                            </div>
-                                          </EditableTextCell>
-                                        </td>
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
                                       </BodyCell>
                                       <BodyCell
                                         data-key={2}
@@ -55164,76 +60126,95 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow2Cell3"
                                         value="Row 2 cell 3 content"
                                       >
-                                        <td
+                                        <BaseBodyCell
                                           className=""
+                                          component="td"
                                           data-key={2}
-                                          data-label="Text input col 3"
+                                          dataLabel="Text input col 3"
                                           onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <EditableTextCell
-                                            cellIndex={2}
-                                            handleTextInputChange={[Function]}
-                                            inputAriaLabel="Row 2 cell 3 content"
-                                            props={
-                                              Object {
-                                                "name": "uniqueIdRow2Cell3",
-                                                "value": "Row 2 cell 3 content",
-                                              }
-                                            }
-                                            rowIndex={1}
-                                            value="Row 2 cell 3 content"
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={2}
+                                            dataLabel="Text input col 3"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
                                           >
-                                            <div
-                                              className="pf-c-inline-edit__value"
-                                            >
-                                              Row 2 cell 3 content
-                                            </div>
-                                            <div
-                                              className="pf-c-inline-edit__input"
+                                            <td
+                                              className=""
+                                              data-key={2}
+                                              data-label="Text input col 3"
+                                              onMouseEnter={[Function]}
                                             >
-                                              <ForwardRef
-                                                aria-label="Row 2 cell 3 content"
-                                                isDisabled={false}
-                                                onChange={[Function]}
-                                                type="text"
-                                                validated="default"
+                                              <EditableTextCell
+                                                cellIndex={2}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 2 cell 3 content"
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow2Cell3",
+                                                    "value": "Row 2 cell 3 content",
+                                                  }
+                                                }
+                                                rowIndex={1}
                                                 value="Row 2 cell 3 content"
                                               >
-                                                <TextInputBase
-                                                  aria-label="Row 2 cell 3 content"
-                                                  className=""
-                                                  innerRef={null}
-                                                  isDisabled={false}
-                                                  isLeftTruncated={false}
-                                                  isReadOnly={false}
-                                                  isRequired={false}
-                                                  onChange={[Function]}
-                                                  type="text"
-                                                  validated="default"
-                                                  value="Row 2 cell 3 content"
+                                                <div
+                                                  className="pf-c-inline-edit__value"
                                                 >
-                                                  <input
-                                                    aria-invalid={false}
+                                                  Row 2 cell 3 content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
+                                                >
+                                                  <ForwardRef
                                                     aria-label="Row 2 cell 3 content"
-                                                    className="pf-c-form-control"
-                                                    disabled={false}
-                                                    onBlur={[Function]}
+                                                    isDisabled={false}
                                                     onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    readOnly={false}
-                                                    required={false}
                                                     type="text"
+                                                    validated="default"
                                                     value="Row 2 cell 3 content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 2 cell 3 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={false}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 2 cell 3 content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 2 cell 3 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 2 cell 3 content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </ForwardRef>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
                                                   />
-                                                </TextInputBase>
-                                              </ForwardRef>
-                                              <div
-                                                aria-live="polite"
-                                                className="pf-c-form__helper-text pf-m-error"
-                                              />
-                                            </div>
-                                          </EditableTextCell>
-                                        </td>
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
                                       </BodyCell>
                                       <BodyCell
                                         data-key={3}
@@ -55243,76 +60224,95 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow2Cell4"
                                         value="Row 2 cell 4 content"
                                       >
-                                        <td
+                                        <BaseBodyCell
                                           className=""
+                                          component="td"
                                           data-key={3}
-                                          data-label="Text input col 4"
+                                          dataLabel="Text input col 4"
                                           onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <EditableTextCell
-                                            cellIndex={3}
-                                            handleTextInputChange={[Function]}
-                                            inputAriaLabel="Row 2 cell 4 content"
-                                            props={
-                                              Object {
-                                                "name": "uniqueIdRow2Cell4",
-                                                "value": "Row 2 cell 4 content",
-                                              }
-                                            }
-                                            rowIndex={1}
-                                            value="Row 2 cell 4 content"
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={3}
+                                            dataLabel="Text input col 4"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
                                           >
-                                            <div
-                                              className="pf-c-inline-edit__value"
-                                            >
-                                              Row 2 cell 4 content
-                                            </div>
-                                            <div
-                                              className="pf-c-inline-edit__input"
+                                            <td
+                                              className=""
+                                              data-key={3}
+                                              data-label="Text input col 4"
+                                              onMouseEnter={[Function]}
                                             >
-                                              <ForwardRef
-                                                aria-label="Row 2 cell 4 content"
-                                                isDisabled={false}
-                                                onChange={[Function]}
-                                                type="text"
-                                                validated="default"
+                                              <EditableTextCell
+                                                cellIndex={3}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 2 cell 4 content"
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow2Cell4",
+                                                    "value": "Row 2 cell 4 content",
+                                                  }
+                                                }
+                                                rowIndex={1}
                                                 value="Row 2 cell 4 content"
                                               >
-                                                <TextInputBase
-                                                  aria-label="Row 2 cell 4 content"
-                                                  className=""
-                                                  innerRef={null}
-                                                  isDisabled={false}
-                                                  isLeftTruncated={false}
-                                                  isReadOnly={false}
-                                                  isRequired={false}
-                                                  onChange={[Function]}
-                                                  type="text"
-                                                  validated="default"
-                                                  value="Row 2 cell 4 content"
+                                                <div
+                                                  className="pf-c-inline-edit__value"
                                                 >
-                                                  <input
-                                                    aria-invalid={false}
+                                                  Row 2 cell 4 content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
+                                                >
+                                                  <ForwardRef
                                                     aria-label="Row 2 cell 4 content"
-                                                    className="pf-c-form-control"
-                                                    disabled={false}
-                                                    onBlur={[Function]}
+                                                    isDisabled={false}
                                                     onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    readOnly={false}
-                                                    required={false}
                                                     type="text"
+                                                    validated="default"
                                                     value="Row 2 cell 4 content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 2 cell 4 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={false}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 2 cell 4 content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 2 cell 4 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 2 cell 4 content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </ForwardRef>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
                                                   />
-                                                </TextInputBase>
-                                              </ForwardRef>
-                                              <div
-                                                aria-live="polite"
-                                                className="pf-c-form__helper-text pf-m-error"
-                                              />
-                                            </div>
-                                          </EditableTextCell>
-                                        </td>
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
                                       </BodyCell>
                                       <BodyCell
                                         className="pf-c-table__inline-edit-action"
@@ -55322,165 +60322,185 @@ exports[`Editable table 1`] = `
                                         isVisible={true}
                                         key="col-4-row-1"
                                       >
-                                        <td
+                                        <BaseBodyCell
                                           className="pf-c-table__inline-edit-action"
+                                          component="td"
                                           data-key={4}
+                                          dataLabel={null}
                                           onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <EditColumn
-                                            cancelAriaLabel="Cancel row edits for row 1"
-                                            editAriaLabel="Place row 1 in edit mode"
-                                            editing={false}
-                                            onClick={[Function]}
-                                            saveAriaLabel="Save row edits for row 1"
+                                          <BaseBodyCellBase
+                                            className="pf-c-table__inline-edit-action"
+                                            component="td"
+                                            data-key={4}
+                                            dataLabel={null}
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
                                           >
-                                            <div
-                                              className="pf-c-inline-edit__group pf-m-icon-group pf-m-action-group"
+                                            <td
+                                              className="pf-c-table__inline-edit-action"
+                                              data-key={4}
+                                              data-label={null}
+                                              onMouseEnter={[Function]}
                                             >
-                                              <div
-                                                className="pf-c-inline-edit__action"
+                                              <EditColumn
+                                                cancelAriaLabel="Cancel row edits for row 1"
+                                                editAriaLabel="Place row 1 in edit mode"
+                                                editing={false}
+                                                onClick={[Function]}
+                                                saveAriaLabel="Save row edits for row 1"
                                               >
-                                                <Button
-                                                  aria-label="Save row edits for row 1"
-                                                  onClick={[Function]}
-                                                  variant="plain"
+                                                <div
+                                                  className="pf-c-inline-edit__group pf-m-icon-group pf-m-action-group"
                                                 >
-                                                  <button
-                                                    aria-disabled={false}
-                                                    aria-label="Save row edits for row 1"
-                                                    className="pf-c-button pf-m-plain"
-                                                    data-ouia-component-id="OUIA-Generated-Button-plain-4"
-                                                    data-ouia-component-type="PF4/Button"
-                                                    data-ouia-safe={true}
-                                                    disabled={false}
-                                                    onClick={[Function]}
-                                                    role={null}
-                                                    type="button"
+                                                  <div
+                                                    className="pf-c-inline-edit__action"
                                                   >
-                                                    <CheckIcon
-                                                      color="currentColor"
-                                                      noVerticalAlign={false}
-                                                      size="sm"
+                                                    <Button
+                                                      aria-label="Save row edits for row 1"
+                                                      onClick={[Function]}
+                                                      variant="plain"
                                                     >
-                                                      <svg
-                                                        aria-hidden={true}
-                                                        aria-labelledby={null}
-                                                        fill="currentColor"
-                                                        height="1em"
-                                                        role="img"
-                                                        style={
-                                                          Object {
-                                                            "verticalAlign": "-0.125em",
-                                                          }
-                                                        }
-                                                        viewBox="0 0 512 512"
-                                                        width="1em"
+                                                      <button
+                                                        aria-disabled={false}
+                                                        aria-label="Save row edits for row 1"
+                                                        className="pf-c-button pf-m-plain"
+                                                        data-ouia-component-id="OUIA-Generated-Button-plain-4"
+                                                        data-ouia-component-type="PF4/Button"
+                                                        data-ouia-safe={true}
+                                                        disabled={false}
+                                                        onClick={[Function]}
+                                                        role={null}
+                                                        type="button"
                                                       >
-                                                        <path
-                                                          d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
-                                                        />
-                                                      </svg>
-                                                    </CheckIcon>
-                                                  </button>
-                                                </Button>
-                                              </div>
-                                              <div
-                                                className="pf-c-inline-edit__action"
-                                              >
-                                                <Button
-                                                  aria-label="Cancel row edits for row 1"
-                                                  onClick={[Function]}
-                                                  variant="plain"
-                                                >
-                                                  <button
-                                                    aria-disabled={false}
-                                                    aria-label="Cancel row edits for row 1"
-                                                    className="pf-c-button pf-m-plain"
-                                                    data-ouia-component-id="OUIA-Generated-Button-plain-5"
-                                                    data-ouia-component-type="PF4/Button"
-                                                    data-ouia-safe={true}
-                                                    disabled={false}
-                                                    onClick={[Function]}
-                                                    role={null}
-                                                    type="button"
+                                                        <CheckIcon
+                                                          color="currentColor"
+                                                          noVerticalAlign={false}
+                                                          size="sm"
+                                                        >
+                                                          <svg
+                                                            aria-hidden={true}
+                                                            aria-labelledby={null}
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style={
+                                                              Object {
+                                                                "verticalAlign": "-0.125em",
+                                                              }
+                                                            }
+                                                            viewBox="0 0 512 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
+                                                            />
+                                                          </svg>
+                                                        </CheckIcon>
+                                                      </button>
+                                                    </Button>
+                                                  </div>
+                                                  <div
+                                                    className="pf-c-inline-edit__action"
                                                   >
-                                                    <TimesIcon
-                                                      color="currentColor"
-                                                      noVerticalAlign={false}
-                                                      size="sm"
+                                                    <Button
+                                                      aria-label="Cancel row edits for row 1"
+                                                      onClick={[Function]}
+                                                      variant="plain"
                                                     >
-                                                      <svg
-                                                        aria-hidden={true}
-                                                        aria-labelledby={null}
-                                                        fill="currentColor"
-                                                        height="1em"
-                                                        role="img"
-                                                        style={
-                                                          Object {
-                                                            "verticalAlign": "-0.125em",
-                                                          }
-                                                        }
-                                                        viewBox="0 0 352 512"
-                                                        width="1em"
+                                                      <button
+                                                        aria-disabled={false}
+                                                        aria-label="Cancel row edits for row 1"
+                                                        className="pf-c-button pf-m-plain"
+                                                        data-ouia-component-id="OUIA-Generated-Button-plain-5"
+                                                        data-ouia-component-type="PF4/Button"
+                                                        data-ouia-safe={true}
+                                                        disabled={false}
+                                                        onClick={[Function]}
+                                                        role={null}
+                                                        type="button"
                                                       >
-                                                        <path
-                                                          d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-                                                        />
-                                                      </svg>
-                                                    </TimesIcon>
-                                                  </button>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <div
-                                              className="pf-c-inline-edit__action pf-m-enable-editable"
-                                            >
-                                              <Button
-                                                aria-label="Place row 1 in edit mode"
-                                                onClick={[Function]}
-                                                variant="plain"
-                                              >
-                                                <button
-                                                  aria-disabled={false}
-                                                  aria-label="Place row 1 in edit mode"
-                                                  className="pf-c-button pf-m-plain"
-                                                  data-ouia-component-id="OUIA-Generated-Button-plain-6"
-                                                  data-ouia-component-type="PF4/Button"
-                                                  data-ouia-safe={true}
-                                                  disabled={false}
-                                                  onClick={[Function]}
-                                                  role={null}
-                                                  type="button"
+                                                        <TimesIcon
+                                                          color="currentColor"
+                                                          noVerticalAlign={false}
+                                                          size="sm"
+                                                        >
+                                                          <svg
+                                                            aria-hidden={true}
+                                                            aria-labelledby={null}
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style={
+                                                              Object {
+                                                                "verticalAlign": "-0.125em",
+                                                              }
+                                                            }
+                                                            viewBox="0 0 352 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
+                                                            />
+                                                          </svg>
+                                                        </TimesIcon>
+                                                      </button>
+                                                    </Button>
+                                                  </div>
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__action pf-m-enable-editable"
                                                 >
-                                                  <PencilAltIcon
-                                                    color="currentColor"
-                                                    noVerticalAlign={false}
-                                                    size="sm"
+                                                  <Button
+                                                    aria-label="Place row 1 in edit mode"
+                                                    onClick={[Function]}
+                                                    variant="plain"
                                                   >
-                                                    <svg
-                                                      aria-hidden={true}
-                                                      aria-labelledby={null}
-                                                      fill="currentColor"
-                                                      height="1em"
-                                                      role="img"
-                                                      style={
-                                                        Object {
-                                                          "verticalAlign": "-0.125em",
-                                                        }
-                                                      }
-                                                      viewBox="0 0 512 512"
-                                                      width="1em"
+                                                    <button
+                                                      aria-disabled={false}
+                                                      aria-label="Place row 1 in edit mode"
+                                                      className="pf-c-button pf-m-plain"
+                                                      data-ouia-component-id="OUIA-Generated-Button-plain-6"
+                                                      data-ouia-component-type="PF4/Button"
+                                                      data-ouia-safe={true}
+                                                      disabled={false}
+                                                      onClick={[Function]}
+                                                      role={null}
+                                                      type="button"
                                                     >
-                                                      <path
-                                                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                                                      />
-                                                    </svg>
-                                                  </PencilAltIcon>
-                                                </button>
-                                              </Button>
-                                            </div>
-                                          </EditColumn>
-                                        </td>
+                                                      <PencilAltIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 512 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                                                          />
+                                                        </svg>
+                                                      </PencilAltIcon>
+                                                    </button>
+                                                  </Button>
+                                                </div>
+                                              </EditColumn>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
                                       </BodyCell>
                                     </tr>
                                   </BaseTableBodyRowBase>
@@ -55644,7 +60664,6 @@ exports[`Header width table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -55891,30 +60910,31 @@ exports[`Header width table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-46"
+          data-ouia-component-id="OUIA-Generated-Table-50"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -56464,6 +61484,8 @@ exports[`Header width table 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-m-width-10"
@@ -56473,6 +61495,8 @@ exports[`Header width table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -56500,6 +61524,8 @@ exports[`Header width table 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -56509,6 +61535,8 @@ exports[`Header width table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -56537,6 +61565,8 @@ exports[`Header width table 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-m-width-30"
@@ -56546,6 +61576,8 @@ exports[`Header width table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -56573,6 +61605,8 @@ exports[`Header width table 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -56582,6 +61616,8 @@ exports[`Header width table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -56610,6 +61646,8 @@ exports[`Header width table 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -56619,6 +61657,8 @@ exports[`Header width table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -59591,11 +64631,13 @@ exports[`Header width table 1`] = `
                   >
                     <BaseTableBody
                       className=""
+                      isExpanded={false}
                       key="tbody-0"
                     >
                       <BaseTableBodyBase
                         className=""
                         innerRef={null}
+                        isExpanded={false}
                       >
                         <tbody
                           className=""
@@ -59963,24 +65005,16 @@ exports[`Header width table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-375"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-375"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-375"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-206"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -59993,18 +65027,37 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-0"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-0"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -60012,14 +65065,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -60027,14 +65099,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -60042,14 +65133,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -60057,14 +65167,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -60434,25 +65563,19 @@ exports[`Header width table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-377"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-377"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-377"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-207"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -60465,18 +65588,37 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-1"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-1"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -60484,14 +65626,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -60499,14 +65660,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -60514,14 +65694,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -60529,14 +65728,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -60904,25 +66122,19 @@ exports[`Header width table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-379"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-379"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-379"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-208"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -60935,18 +66147,37 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-2"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-2"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -60954,14 +66185,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -60969,14 +66219,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -60984,14 +66253,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -60999,14 +66287,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -61018,11 +66325,13 @@ exports[`Header width table 1`] = `
                     </BaseTableBody>
                     <BaseTableBody
                       className=""
+                      isExpanded={false}
                       key="tbody-1"
                     >
                       <BaseTableBodyBase
                         className=""
                         innerRef={null}
+                        isExpanded={false}
                       >
                         <tbody
                           className=""
@@ -61390,24 +66699,16 @@ exports[`Header width table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-381"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-381"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-381"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-209"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -61420,18 +66721,37 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-3"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-3"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -61439,14 +66759,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -61454,14 +66793,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -61469,14 +66827,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -61484,14 +66861,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -61859,25 +67255,19 @@ exports[`Header width table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-383"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-383"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-383"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-210"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -61890,18 +67280,37 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-4"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-4"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -61909,14 +67318,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -61924,14 +67352,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -61939,14 +67386,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -61954,14 +67420,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -62343,24 +67828,16 @@ exports[`Header width table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-385"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-385"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-385"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-211"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -62373,18 +67850,37 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-5"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-5"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -62392,14 +67888,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -62407,14 +67922,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -62422,14 +67956,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -62437,14 +67990,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -62826,24 +68398,16 @@ exports[`Header width table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-387"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-387"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-387"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-212"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -62856,18 +68420,37 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-6"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-6"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -62875,14 +68458,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -62890,14 +68492,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -62905,14 +68526,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -62920,14 +68560,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -63309,24 +68968,16 @@ exports[`Header width table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-389"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-389"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-389"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-213"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -63339,18 +68990,37 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-7"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-7"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -63358,14 +69028,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -63373,14 +69062,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -63388,14 +69096,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -63403,14 +69130,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -63792,24 +69538,16 @@ exports[`Header width table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-391"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-391"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-391"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-214"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -63822,18 +69560,37 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-8"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-8"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -63841,14 +69598,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -63856,14 +69632,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -63871,14 +69666,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -63886,14 +69700,33 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -64038,7 +69871,6 @@ exports[`Row click table 1`] = `
 >
   <Provider
     aria-label="Row click table"
-    borders={true}
     className=""
     columns={
       Array [
@@ -64281,25 +70113,26 @@ exports[`Row click table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Row click table"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Row click table"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Row click table"
@@ -64848,6 +70681,8 @@ exports[`Row click table 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -64858,6 +70693,8 @@ exports[`Row click table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -64935,6 +70772,8 @@ exports[`Row click table 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -64944,6 +70783,8 @@ exports[`Row click table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -64971,6 +70812,8 @@ exports[`Row click table 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -64980,6 +70823,8 @@ exports[`Row click table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -65007,6 +70852,8 @@ exports[`Row click table 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -65016,6 +70863,8 @@ exports[`Row click table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -65043,6 +70892,8 @@ exports[`Row click table 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -65052,6 +70903,8 @@ exports[`Row click table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -68347,24 +74200,16 @@ exports[`Row click table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-77"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-77"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-77"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-39"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -68376,14 +74221,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -68391,14 +74255,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -68406,14 +74289,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -68421,14 +74323,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -68436,14 +74357,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -68806,24 +74746,16 @@ exports[`Row click table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-79"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-79"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-79"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-40"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -68835,14 +74767,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -68850,14 +74801,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -68865,14 +74835,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -68880,14 +74869,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -68895,14 +74903,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -69265,24 +75292,16 @@ exports[`Row click table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-81"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-81"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-81"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-41"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -69294,14 +75313,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -69309,14 +75347,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -69324,14 +75381,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -69339,14 +75415,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -69354,14 +75449,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -69724,24 +75838,16 @@ exports[`Row click table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-83"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-83"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-83"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-42"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -69753,14 +75859,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -69768,14 +75893,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -69783,14 +75927,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -69798,14 +75961,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -69813,14 +75995,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -70183,24 +76384,16 @@ exports[`Row click table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-85"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-85"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-85"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-43"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -70212,14 +76405,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -70227,14 +76439,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -70242,14 +76473,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -70257,14 +76507,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -70272,14 +76541,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -70642,24 +76930,16 @@ exports[`Row click table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-87"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-87"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-87"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-44"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -70671,14 +76951,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -70686,14 +76985,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -70701,14 +77019,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -70716,14 +77053,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -70731,14 +77087,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -71101,24 +77476,16 @@ exports[`Row click table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-89"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-89"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-89"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-45"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -71130,14 +77497,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -71145,14 +77531,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -71160,14 +77565,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -71175,14 +77599,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -71190,14 +77633,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -71560,24 +78022,16 @@ exports[`Row click table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-91"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-91"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-91"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-46"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -71589,14 +78043,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -71604,14 +78077,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -71619,14 +78111,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -71634,14 +78145,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -71649,14 +78179,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -72019,24 +78568,16 @@ exports[`Row click table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-93"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-93"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-93"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-47"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -72048,14 +78589,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -72063,14 +78623,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -72078,14 +78657,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -72093,14 +78691,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -72108,14 +78725,33 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -72273,7 +78909,6 @@ exports[`Selectable table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -72564,30 +79199,31 @@ exports[`Selectable table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-40"
+          data-ouia-component-id="OUIA-Generated-Table-44"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -73226,6 +79862,9 @@ exports[`Selectable table 1`] = `
                                     data-key={0}
                                     data-label=""
                                     onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-c-table__check"
@@ -73234,6 +79873,9 @@ exports[`Selectable table 1`] = `
                                       data-label=""
                                       innerRef={null}
                                       onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <td
                                         aria-sort={null}
@@ -73241,7 +79883,7 @@ exports[`Selectable table 1`] = `
                                         data-key={0}
                                         data-label=""
                                         onMouseEnter={[Function]}
-                                        scope="col"
+                                        scope=""
                                       >
                                         <SelectColumn
                                           aria-label="Select all rows"
@@ -73278,6 +79920,8 @@ exports[`Selectable table 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -73288,6 +79932,8 @@ exports[`Selectable table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -73365,6 +80011,8 @@ exports[`Selectable table 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -73374,6 +80022,8 @@ exports[`Selectable table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -73401,6 +80051,8 @@ exports[`Selectable table 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -73410,6 +80062,8 @@ exports[`Selectable table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -73437,6 +80091,8 @@ exports[`Selectable table 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -73446,6 +80102,8 @@ exports[`Selectable table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -73473,6 +80131,8 @@ exports[`Selectable table 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -73482,6 +80142,8 @@ exports[`Selectable table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -76542,11 +83204,13 @@ exports[`Selectable table 1`] = `
                   >
                     <BaseTableBody
                       className=""
+                      isExpanded={false}
                       key="tbody-0"
                     >
                       <BaseTableBodyBase
                         className=""
                         innerRef={null}
+                        isExpanded={false}
                       >
                         <tbody
                           className=""
@@ -76958,24 +83622,16 @@ exports[`Selectable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-321"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-321"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-321"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-179"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -76989,27 +83645,47 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__check"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <SelectColumn
-                                          aria-label="Select row 0"
-                                          checked={false}
-                                          name="checkrow0"
-                                          onSelect={[Function]}
-                                          selectVariant="checkbox"
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <input
-                                            aria-label="Select row 0"
-                                            checked={false}
-                                            name="checkrow0"
-                                            onChange={[Function]}
-                                            type="checkbox"
-                                          />
-                                        </SelectColumn>
-                                      </td>
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 0"
+                                              checked={false}
+                                              name="checkrow0"
+                                              onSelect={[Function]}
+                                              selectVariant="checkbox"
+                                            >
+                                              <input
+                                                aria-label="Select row 0"
+                                                checked={false}
+                                                name="checkrow0"
+                                                onChange={[Function]}
+                                                type="checkbox"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -77018,18 +83694,37 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-0"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-0"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -77037,14 +83732,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -77052,14 +83766,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -77067,14 +83800,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -77082,14 +83834,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -77503,25 +84274,19 @@ exports[`Selectable table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-323"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-323"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-323"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-180"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -77534,11 +84299,31 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
-                                      />
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          />
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -77547,18 +84332,37 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-1"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-1"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -77566,14 +84370,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -77581,14 +84404,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -77596,14 +84438,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -77611,14 +84472,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -78030,25 +84910,19 @@ exports[`Selectable table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-325"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-325"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-325"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-181"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -78061,11 +84935,31 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
-                                      />
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          />
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -78074,18 +84968,37 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-2"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-2"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -78093,14 +85006,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -78108,14 +85040,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -78123,14 +85074,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -78138,14 +85108,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -78157,11 +85146,13 @@ exports[`Selectable table 1`] = `
                     </BaseTableBody>
                     <BaseTableBody
                       className=""
+                      isExpanded={false}
                       key="tbody-1"
                     >
                       <BaseTableBodyBase
                         className=""
                         innerRef={null}
+                        isExpanded={false}
                       >
                         <tbody
                           className=""
@@ -78573,24 +85564,16 @@ exports[`Selectable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-327"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-327"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-327"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-182"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -78604,27 +85587,47 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__check"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <SelectColumn
-                                          aria-label="Select row 3"
-                                          checked={false}
-                                          name="checkrow3"
-                                          onSelect={[Function]}
-                                          selectVariant="checkbox"
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <input
-                                            aria-label="Select row 3"
-                                            checked={false}
-                                            name="checkrow3"
-                                            onChange={[Function]}
-                                            type="checkbox"
-                                          />
-                                        </SelectColumn>
-                                      </td>
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 3"
+                                              checked={false}
+                                              name="checkrow3"
+                                              onSelect={[Function]}
+                                              selectVariant="checkbox"
+                                            >
+                                              <input
+                                                aria-label="Select row 3"
+                                                checked={false}
+                                                name="checkrow3"
+                                                onChange={[Function]}
+                                                type="checkbox"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -78633,18 +85636,37 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-3"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-3"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -78652,14 +85674,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -78667,14 +85708,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -78682,14 +85742,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -78697,14 +85776,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -79116,25 +86214,19 @@ exports[`Selectable table 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-329"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-329"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-329"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-183"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -79147,11 +86239,31 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
-                                      />
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          />
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -79160,18 +86272,37 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-4"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-4"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -79179,14 +86310,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -79194,14 +86344,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -79209,14 +86378,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -79224,14 +86412,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -79657,24 +86864,16 @@ exports[`Selectable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-331"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-331"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-331"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-184"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -79688,27 +86887,47 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__check"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <SelectColumn
-                                          aria-label="Select row 5"
-                                          checked={false}
-                                          name="checkrow5"
-                                          onSelect={[Function]}
-                                          selectVariant="checkbox"
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <input
-                                            aria-label="Select row 5"
-                                            checked={false}
-                                            name="checkrow5"
-                                            onChange={[Function]}
-                                            type="checkbox"
-                                          />
-                                        </SelectColumn>
-                                      </td>
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 5"
+                                              checked={false}
+                                              name="checkrow5"
+                                              onSelect={[Function]}
+                                              selectVariant="checkbox"
+                                            >
+                                              <input
+                                                aria-label="Select row 5"
+                                                checked={false}
+                                                name="checkrow5"
+                                                onChange={[Function]}
+                                                type="checkbox"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -79717,18 +86936,37 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-5"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-5"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -79736,14 +86974,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -79751,14 +87008,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -79766,14 +87042,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -79781,14 +87076,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -80214,24 +87528,16 @@ exports[`Selectable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-333"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-333"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-333"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-185"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -80245,27 +87551,47 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__check"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <SelectColumn
-                                          aria-label="Select row 6"
-                                          checked={false}
-                                          name="checkrow6"
-                                          onSelect={[Function]}
-                                          selectVariant="checkbox"
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <input
-                                            aria-label="Select row 6"
-                                            checked={false}
-                                            name="checkrow6"
-                                            onChange={[Function]}
-                                            type="checkbox"
-                                          />
-                                        </SelectColumn>
-                                      </td>
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 6"
+                                              checked={false}
+                                              name="checkrow6"
+                                              onSelect={[Function]}
+                                              selectVariant="checkbox"
+                                            >
+                                              <input
+                                                aria-label="Select row 6"
+                                                checked={false}
+                                                name="checkrow6"
+                                                onChange={[Function]}
+                                                type="checkbox"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -80274,18 +87600,37 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-6"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-6"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -80293,14 +87638,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -80308,14 +87672,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -80323,14 +87706,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -80338,14 +87740,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -80771,24 +88192,16 @@ exports[`Selectable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-335"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-335"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-335"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-186"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -80802,27 +88215,47 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__check"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <SelectColumn
-                                          aria-label="Select row 7"
-                                          checked={false}
-                                          name="checkrow7"
-                                          onSelect={[Function]}
-                                          selectVariant="checkbox"
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <input
-                                            aria-label="Select row 7"
-                                            checked={false}
-                                            name="checkrow7"
-                                            onChange={[Function]}
-                                            type="checkbox"
-                                          />
-                                        </SelectColumn>
-                                      </td>
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 7"
+                                              checked={false}
+                                              name="checkrow7"
+                                              onSelect={[Function]}
+                                              selectVariant="checkbox"
+                                            >
+                                              <input
+                                                aria-label="Select row 7"
+                                                checked={false}
+                                                name="checkrow7"
+                                                onChange={[Function]}
+                                                type="checkbox"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -80831,18 +88264,37 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-7"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-7"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -80850,14 +88302,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -80865,14 +88336,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -80880,14 +88370,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -80895,14 +88404,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -81328,24 +88856,16 @@ exports[`Selectable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-337"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-337"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-337"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-187"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -81359,27 +88879,47 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__check"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <SelectColumn
-                                          aria-label="Select row 8"
-                                          checked={false}
-                                          name="checkrow8"
-                                          onSelect={[Function]}
-                                          selectVariant="checkbox"
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <input
-                                            aria-label="Select row 8"
-                                            checked={false}
-                                            name="checkrow8"
-                                            onChange={[Function]}
-                                            type="checkbox"
-                                          />
-                                        </SelectColumn>
-                                      </td>
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 8"
+                                              checked={false}
+                                              name="checkrow8"
+                                              onSelect={[Function]}
+                                              selectVariant="checkbox"
+                                            >
+                                              <input
+                                                aria-label="Select row 8"
+                                                checked={false}
+                                                name="checkrow8"
+                                                onChange={[Function]}
+                                                type="checkbox"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -81388,18 +88928,37 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-8"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-8"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -81407,14 +88966,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -81422,14 +89000,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -81437,14 +89034,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -81452,14 +89068,33 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -81617,7 +89252,6 @@ exports[`Selectable table with Radio 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -81907,30 +89541,31 @@ exports[`Selectable table with Radio 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-42"
+          data-ouia-component-id="OUIA-Generated-Table-46"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -82564,6 +90199,9 @@ exports[`Selectable table with Radio 1`] = `
                                     data-key={0}
                                     data-label=""
                                     onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -82572,6 +90210,9 @@ exports[`Selectable table with Radio 1`] = `
                                       data-label=""
                                       innerRef={null}
                                       onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -82579,7 +90220,7 @@ exports[`Selectable table with Radio 1`] = `
                                         data-key={0}
                                         data-label=""
                                         onMouseEnter={[Function]}
-                                        scope="col"
+                                        scope=""
                                       />
                                     </BaseHeaderCellBase>
                                   </BaseHeaderCell>
@@ -82600,6 +90241,8 @@ exports[`Selectable table with Radio 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -82610,6 +90253,8 @@ exports[`Selectable table with Radio 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -82687,6 +90332,8 @@ exports[`Selectable table with Radio 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -82696,6 +90343,8 @@ exports[`Selectable table with Radio 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -82723,6 +90372,8 @@ exports[`Selectable table with Radio 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -82732,6 +90383,8 @@ exports[`Selectable table with Radio 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -82759,6 +90412,8 @@ exports[`Selectable table with Radio 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -82768,6 +90423,8 @@ exports[`Selectable table with Radio 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -82795,6 +90452,8 @@ exports[`Selectable table with Radio 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -82804,6 +90463,8 @@ exports[`Selectable table with Radio 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -85862,11 +93523,13 @@ exports[`Selectable table with Radio 1`] = `
                   >
                     <BaseTableBody
                       className=""
+                      isExpanded={false}
                       key="tbody-0"
                     >
                       <BaseTableBodyBase
                         className=""
                         innerRef={null}
+                        isExpanded={false}
                       >
                         <tbody
                           className=""
@@ -86277,24 +93940,16 @@ exports[`Selectable table with Radio 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-339"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-339"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-339"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-188"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -86308,27 +93963,47 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__check"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <SelectColumn
-                                          aria-label="Select row 0"
-                                          checked={false}
-                                          name="radioGroup"
-                                          onSelect={[Function]}
-                                          selectVariant="radio"
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <input
-                                            aria-label="Select row 0"
-                                            checked={false}
-                                            name="radioGroup"
-                                            onChange={[Function]}
-                                            type="radio"
-                                          />
-                                        </SelectColumn>
-                                      </td>
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 0"
+                                              checked={false}
+                                              name="radioGroup"
+                                              onSelect={[Function]}
+                                              selectVariant="radio"
+                                            >
+                                              <input
+                                                aria-label="Select row 0"
+                                                checked={false}
+                                                name="radioGroup"
+                                                onChange={[Function]}
+                                                type="radio"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -86337,18 +94012,37 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-0"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-0"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -86356,14 +94050,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -86371,14 +94084,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -86386,14 +94118,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -86401,14 +94152,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -86821,25 +94591,19 @@ exports[`Selectable table with Radio 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-341"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-341"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-341"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-189"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -86852,11 +94616,31 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
-                                      />
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          />
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -86865,18 +94649,37 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-1"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-1"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -86884,14 +94687,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -86899,14 +94721,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -86914,14 +94755,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -86929,14 +94789,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -87347,25 +95226,19 @@ exports[`Selectable table with Radio 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-343"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-343"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-343"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-190"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -87378,11 +95251,31 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
-                                      />
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          />
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -87391,18 +95284,37 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-2"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-2"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -87410,14 +95322,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -87425,14 +95356,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -87440,14 +95390,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -87455,14 +95424,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -87474,11 +95462,13 @@ exports[`Selectable table with Radio 1`] = `
                     </BaseTableBody>
                     <BaseTableBody
                       className=""
+                      isExpanded={false}
                       key="tbody-1"
                     >
                       <BaseTableBodyBase
                         className=""
                         innerRef={null}
+                        isExpanded={false}
                       >
                         <tbody
                           className=""
@@ -87889,24 +95879,16 @@ exports[`Selectable table with Radio 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-345"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-345"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-345"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-191"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -87920,27 +95902,47 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__check"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <SelectColumn
-                                          aria-label="Select row 3"
-                                          checked={false}
-                                          name="radioGroup"
-                                          onSelect={[Function]}
-                                          selectVariant="radio"
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <input
-                                            aria-label="Select row 3"
-                                            checked={false}
-                                            name="radioGroup"
-                                            onChange={[Function]}
-                                            type="radio"
-                                          />
-                                        </SelectColumn>
-                                      </td>
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 3"
+                                              checked={false}
+                                              name="radioGroup"
+                                              onSelect={[Function]}
+                                              selectVariant="radio"
+                                            >
+                                              <input
+                                                aria-label="Select row 3"
+                                                checked={false}
+                                                name="radioGroup"
+                                                onChange={[Function]}
+                                                type="radio"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -87949,18 +95951,37 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-3"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-3"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -87968,14 +95989,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -87983,14 +96023,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -87998,14 +96057,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -88013,14 +96091,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -88431,25 +96528,19 @@ exports[`Selectable table with Radio 1`] = `
                               }
                             >
                               <BaseTableBodyRow
-                                className="pf-c-table__expandable-row"
-                                data-ouia-component-id="OUIA-Generated-TableRow-347"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={true}
+                                className=""
+                                isExpanded={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
-                                  className="pf-c-table__expandable-row"
-                                  data-ouia-component-id="OUIA-Generated-TableRow-347"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={true}
+                                  className=""
                                   innerRef={null}
+                                  isExpanded={false}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-347"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-192"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -88462,11 +96553,31 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
-                                      />
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          />
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -88475,18 +96586,37 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-4"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-4"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -88494,14 +96624,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -88509,14 +96658,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -88524,14 +96692,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -88539,14 +96726,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -88971,24 +97177,16 @@ exports[`Selectable table with Radio 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-349"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-349"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-349"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-193"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -89002,27 +97200,47 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__check"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <SelectColumn
-                                          aria-label="Select row 5"
-                                          checked={false}
-                                          name="radioGroup"
-                                          onSelect={[Function]}
-                                          selectVariant="radio"
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <input
-                                            aria-label="Select row 5"
-                                            checked={false}
-                                            name="radioGroup"
-                                            onChange={[Function]}
-                                            type="radio"
-                                          />
-                                        </SelectColumn>
-                                      </td>
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 5"
+                                              checked={false}
+                                              name="radioGroup"
+                                              onSelect={[Function]}
+                                              selectVariant="radio"
+                                            >
+                                              <input
+                                                aria-label="Select row 5"
+                                                checked={false}
+                                                name="radioGroup"
+                                                onChange={[Function]}
+                                                type="radio"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -89031,18 +97249,37 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-5"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-5"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -89050,14 +97287,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -89065,14 +97321,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -89080,14 +97355,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -89095,14 +97389,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -89527,24 +97840,16 @@ exports[`Selectable table with Radio 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-351"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-351"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-351"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-194"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -89558,27 +97863,47 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__check"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <SelectColumn
-                                          aria-label="Select row 6"
-                                          checked={false}
-                                          name="radioGroup"
-                                          onSelect={[Function]}
-                                          selectVariant="radio"
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <input
-                                            aria-label="Select row 6"
-                                            checked={false}
-                                            name="radioGroup"
-                                            onChange={[Function]}
-                                            type="radio"
-                                          />
-                                        </SelectColumn>
-                                      </td>
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 6"
+                                              checked={false}
+                                              name="radioGroup"
+                                              onSelect={[Function]}
+                                              selectVariant="radio"
+                                            >
+                                              <input
+                                                aria-label="Select row 6"
+                                                checked={false}
+                                                name="radioGroup"
+                                                onChange={[Function]}
+                                                type="radio"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -89587,18 +97912,37 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-6"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-6"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -89606,14 +97950,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -89621,14 +97984,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -89636,14 +98018,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -89651,14 +98052,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -90083,24 +98503,16 @@ exports[`Selectable table with Radio 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-353"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-353"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-353"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-195"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -90114,27 +98526,47 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__check"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <SelectColumn
-                                          aria-label="Select row 7"
-                                          checked={false}
-                                          name="radioGroup"
-                                          onSelect={[Function]}
-                                          selectVariant="radio"
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <input
-                                            aria-label="Select row 7"
-                                            checked={false}
-                                            name="radioGroup"
-                                            onChange={[Function]}
-                                            type="radio"
-                                          />
-                                        </SelectColumn>
-                                      </td>
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 7"
+                                              checked={false}
+                                              name="radioGroup"
+                                              onSelect={[Function]}
+                                              selectVariant="radio"
+                                            >
+                                              <input
+                                                aria-label="Select row 7"
+                                                checked={false}
+                                                name="radioGroup"
+                                                onChange={[Function]}
+                                                type="radio"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -90143,18 +98575,37 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-7"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-7"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -90162,14 +98613,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -90177,14 +98647,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -90192,14 +98681,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -90207,14 +98715,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -90639,24 +99166,16 @@ exports[`Selectable table with Radio 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-355"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-355"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-355"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-196"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -90670,27 +99189,47 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__check"
+                                        component="td"
                                         data-key={0}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <SelectColumn
-                                          aria-label="Select row 8"
-                                          checked={false}
-                                          name="radioGroup"
-                                          onSelect={[Function]}
-                                          selectVariant="radio"
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <input
-                                            aria-label="Select row 8"
-                                            checked={false}
-                                            name="radioGroup"
-                                            onChange={[Function]}
-                                            type="radio"
-                                          />
-                                        </SelectColumn>
-                                      </td>
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 8"
+                                              checked={false}
+                                              name="radioGroup"
+                                              onSelect={[Function]}
+                                              selectVariant="radio"
+                                            >
+                                              <input
+                                                aria-label="Select row 8"
+                                                checked={false}
+                                                name="radioGroup"
+                                                onChange={[Function]}
+                                                type="radio"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -90699,18 +99238,37 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <th
+                                      <BaseBodyCell
                                         className=""
+                                        component="th"
                                         data-key={1}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div
-                                          id="test-headercol-8"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          one
-                                        </div>
-                                      </th>
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-8"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -90718,14 +99276,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -90733,14 +99310,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -90748,14 +99344,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -90763,14 +99378,33 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={5}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -90947,7 +99581,6 @@ exports[`Simple Actions table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -91350,30 +99983,31 @@ exports[`Simple Actions table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-28"
+          data-ouia-component-id="OUIA-Generated-Table-32"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -92237,6 +100871,8 @@ exports[`Simple Actions table 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -92247,6 +100883,8 @@ exports[`Simple Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -92324,6 +100962,8 @@ exports[`Simple Actions table 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -92333,6 +100973,8 @@ exports[`Simple Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -92360,6 +101002,8 @@ exports[`Simple Actions table 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -92369,6 +101013,8 @@ exports[`Simple Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -92396,6 +101042,8 @@ exports[`Simple Actions table 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -92405,6 +101053,8 @@ exports[`Simple Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -92432,6 +101082,8 @@ exports[`Simple Actions table 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -92441,6 +101093,8 @@ exports[`Simple Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -92468,6 +101122,9 @@ exports[`Simple Actions table 1`] = `
                                     data-key={5}
                                     data-label=""
                                     onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -92476,6 +101133,9 @@ exports[`Simple Actions table 1`] = `
                                       data-label=""
                                       innerRef={null}
                                       onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <td
                                         aria-sort={null}
@@ -92483,7 +101143,7 @@ exports[`Simple Actions table 1`] = `
                                         data-key={5}
                                         data-label=""
                                         onMouseEnter={[Function]}
-                                        scope="col"
+                                        scope=""
                                       />
                                     </BaseHeaderCellBase>
                                   </BaseHeaderCell>
@@ -96517,24 +105177,16 @@ exports[`Simple Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-221"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-221"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-221"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-129"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -96546,14 +105198,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -96561,14 +105232,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -96576,14 +105266,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -96591,14 +105300,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -96606,14 +105334,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -96622,335 +105369,392 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": undefined,
-                                                  "actions": Array [
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Some action",
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": <div>
-                                                        Another action
-                                                      </div>,
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
                                                     },
-                                                    Object {
-                                                      "isSeparator": true,
-                                                      "onClick": null,
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Third action",
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
                                                     },
-                                                  ],
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": undefined,
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 0,
-                                            }
-                                          }
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 0,
-                                              "isExpanded": undefined,
-                                              "isFirst": true,
-                                              "isFirstVisible": true,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
-                                        >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                onToggle={[Function]}
-                                              />
-                                            }
-                                          >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 0,
+                                                }
+                                              }
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 0,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": true,
+                                                  "isFirstVisible": true,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-1"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-0"
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-1"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-1"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-0"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-1"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-0"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-0"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-1"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-0"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-0"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-0"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-1"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-0"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -96958,54 +105762,17 @@ exports[`Simple Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-0"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -97528,24 +106295,16 @@ exports[`Simple Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-223"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-223"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-223"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-130"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -97557,14 +106316,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -97572,14 +106350,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -97587,14 +106384,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -97602,14 +106418,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -97617,14 +106452,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -97633,335 +106487,392 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": undefined,
-                                                  "actions": Array [
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Some action",
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": <div>
-                                                        Another action
-                                                      </div>,
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
                                                     },
-                                                    Object {
-                                                      "isSeparator": true,
-                                                      "onClick": null,
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Third action",
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
                                                     },
-                                                  ],
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": undefined,
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 1,
-                                            }
-                                          }
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 1,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
-                                        >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                onToggle={[Function]}
-                                              />
-                                            }
-                                          >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 1,
+                                                }
+                                              }
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 1,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-2"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-1"
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-2"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-2"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-1"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-2"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-1"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-1"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-2"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-1"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-1"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-1"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-2"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-1"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -97969,54 +106880,17 @@ exports[`Simple Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-1"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -98539,24 +107413,16 @@ exports[`Simple Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-225"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-225"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-225"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-131"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -98568,14 +107434,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -98583,14 +107468,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -98598,14 +107502,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -98613,14 +107536,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -98628,14 +107570,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -98644,335 +107605,392 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": undefined,
-                                                  "actions": Array [
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Some action",
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": <div>
-                                                        Another action
-                                                      </div>,
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
                                                     },
-                                                    Object {
-                                                      "isSeparator": true,
-                                                      "onClick": null,
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Third action",
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
                                                     },
-                                                  ],
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": undefined,
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 2,
-                                            }
-                                          }
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 2,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
-                                        >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                onToggle={[Function]}
-                                              />
-                                            }
-                                          >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 2,
+                                                }
+                                              }
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 2,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-3"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-2"
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-3"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-3"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-2"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-3"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-2"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-2"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-3"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-2"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-2"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-2"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-3"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-2"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -98980,54 +107998,17 @@ exports[`Simple Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-2"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -99550,24 +108531,16 @@ exports[`Simple Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-227"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-227"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-227"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-132"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -99579,14 +108552,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -99594,14 +108586,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -99609,14 +108620,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -99624,14 +108654,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -99639,14 +108688,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -99655,335 +108723,392 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": undefined,
-                                                  "actions": Array [
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Some action",
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": <div>
-                                                        Another action
-                                                      </div>,
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
                                                     },
-                                                    Object {
-                                                      "isSeparator": true,
-                                                      "onClick": null,
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Third action",
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
                                                     },
-                                                  ],
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": undefined,
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 3,
-                                            }
-                                          }
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 3,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
-                                        >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                onToggle={[Function]}
-                                              />
-                                            }
-                                          >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 3,
+                                                }
+                                              }
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 3,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-4"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-3"
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-4"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-4"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-3"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-4"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-3"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-3"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-4"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-3"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-3"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-3"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-4"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-3"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -99991,54 +109116,17 @@ exports[`Simple Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-3"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -100561,24 +109649,16 @@ exports[`Simple Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-229"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-229"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-229"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-133"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -100590,14 +109670,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -100605,14 +109704,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -100620,14 +109738,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -100635,14 +109772,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -100650,14 +109806,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -100666,335 +109841,392 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": undefined,
-                                                  "actions": Array [
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Some action",
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": <div>
-                                                        Another action
-                                                      </div>,
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
                                                     },
-                                                    Object {
-                                                      "isSeparator": true,
-                                                      "onClick": null,
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Third action",
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
                                                     },
-                                                  ],
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": undefined,
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 4,
-                                            }
-                                          }
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 4,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
-                                        >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                onToggle={[Function]}
-                                              />
-                                            }
-                                          >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 4,
+                                                }
+                                              }
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 4,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-5"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-4"
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-5"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-5"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-4"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-5"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-4"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-4"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-5"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-4"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-4"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-4"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-5"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-4"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -101002,54 +110234,17 @@ exports[`Simple Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-4"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -101572,24 +110767,16 @@ exports[`Simple Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-231"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-231"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-231"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-134"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -101601,14 +110788,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -101616,14 +110822,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -101631,14 +110856,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -101646,14 +110890,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -101661,14 +110924,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -101677,335 +110959,392 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": undefined,
-                                                  "actions": Array [
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Some action",
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": <div>
-                                                        Another action
-                                                      </div>,
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
                                                     },
-                                                    Object {
-                                                      "isSeparator": true,
-                                                      "onClick": null,
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Third action",
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
                                                     },
-                                                  ],
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": undefined,
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 5,
-                                            }
-                                          }
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 5,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
-                                        >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                onToggle={[Function]}
-                                              />
-                                            }
-                                          >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 5,
+                                                }
+                                              }
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 5,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-6"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-5"
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-6"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-6"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-5"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-6"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-5"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-5"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-6"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-5"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-5"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-5"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-6"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-5"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -102013,54 +111352,17 @@ exports[`Simple Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-5"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -102583,24 +111885,16 @@ exports[`Simple Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-233"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-233"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-233"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-135"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -102612,14 +111906,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -102627,14 +111940,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -102642,14 +111974,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -102657,14 +112008,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -102672,14 +112042,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -102688,335 +112077,392 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": undefined,
-                                                  "actions": Array [
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Some action",
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": <div>
-                                                        Another action
-                                                      </div>,
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
                                                     },
-                                                    Object {
-                                                      "isSeparator": true,
-                                                      "onClick": null,
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Third action",
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
                                                     },
-                                                  ],
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": undefined,
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 6,
-                                            }
-                                          }
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 6,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
-                                        >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                onToggle={[Function]}
-                                              />
-                                            }
-                                          >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 6,
+                                                }
+                                              }
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 6,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-7"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-6"
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-7"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-7"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-6"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-7"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-6"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-6"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-7"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-6"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-6"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-6"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-7"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-6"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -103024,54 +112470,17 @@ exports[`Simple Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-6"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -103594,24 +113003,16 @@ exports[`Simple Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-235"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-235"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-235"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-136"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -103623,14 +113024,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -103638,14 +113058,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -103653,14 +113092,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -103668,14 +113126,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -103683,14 +113160,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -103699,335 +113195,392 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": undefined,
-                                                  "actions": Array [
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Some action",
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": <div>
-                                                        Another action
-                                                      </div>,
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
                                                     },
-                                                    Object {
-                                                      "isSeparator": true,
-                                                      "onClick": null,
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Third action",
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
                                                     },
-                                                  ],
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": undefined,
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 7,
-                                            }
-                                          }
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 7,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
-                                        >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                onToggle={[Function]}
-                                              />
-                                            }
-                                          >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 7,
+                                                }
+                                              }
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 7,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-8"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-7"
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-8"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-8"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-7"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-8"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-7"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-7"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-8"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-7"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-7"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-7"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-8"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-7"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -104035,54 +113588,17 @@ exports[`Simple Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-7"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -104605,24 +114121,16 @@ exports[`Simple Actions table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-237"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-237"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-237"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-137"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -104634,14 +114142,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -104649,14 +114176,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -104664,14 +114210,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -104679,14 +114244,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -104694,14 +114278,33 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -104710,335 +114313,392 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className="pf-c-table__action"
+                                        component="td"
                                         data-key={5}
+                                        dataLabel={null}
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": undefined,
-                                                  "actions": Array [
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Some action",
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": <div>
-                                                        Another action
-                                                      </div>,
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
                                                     },
-                                                    Object {
-                                                      "isSeparator": true,
-                                                      "onClick": null,
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
                                                     },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Third action",
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
                                                     },
-                                                  ],
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": undefined,
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 8,
-                                            }
-                                          }
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 8,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": false,
-                                              "isLastVisible": false,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
-                                        >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                onToggle={[Function]}
-                                              />
-                                            }
-                                          >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 8,
+                                                }
+                                              }
+                                              items={
                                                 Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
                                                       Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
                                                 ]
                                               }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  onToggle={[Function]}
-                                                />
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 8,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
                                               }
                                             >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-9"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-8"
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
                                                   isOpen={false}
                                                   isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-9"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-9"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-8"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-9"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-8"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-8"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-9"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-8"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
                                                       >
                                                         <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
                                                           aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
                                                           id="pf-dropdown-toggle-id-8"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
                                                           type="button"
                                                         >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-8"
-                                                    isActive={false}
-                                                    isDisabled={false}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-9"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            id="pf-dropdown-toggle-id-8"
-                                                            type="button"
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
                                                           >
                                                             <svg
-                                                              aria-hidden="true"
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
                                                               fill="currentColor"
                                                               height="1em"
                                                               role="img"
-                                                              style="vertical-align: -0.125em;"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
                                                               viewBox="0 0 192 512"
                                                               width="1em"
                                                             >
@@ -105046,54 +114706,17 @@ exports[`Simple Actions table 1`] = `
                                                                 d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
                                                               />
                                                             </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={false}
-                                                      id="pf-dropdown-toggle-id-8"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -105419,74 +115042,18398 @@ exports[`Simple Actions table 1`] = `
                                     "data-label": "Last Commit",
                                   },
                                 },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": Array [
-                                      Object {
-                                        "onClick": [Function],
-                                        "title": "Some action",
-                                      },
-                                      Object {
-                                        "onClick": [Function],
-                                        "title": <div>
-                                          Another action
-                                        </div>,
-                                      },
-                                      Object {
-                                        "isSeparator": true,
-                                        "onClick": null,
-                                      },
-                                      Object {
-                                        "onClick": [Function],
-                                        "title": "Third action",
-                                      },
-                                    ],
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "column-5",
-                                  "props": Object {
-                                    "data-key": 5,
-                                    "data-label": "",
-                                  },
-                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="9-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "disableActions": true,
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 9,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={9}
+                            rowKey="9-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "disableActions": true,
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 9,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 9,
+                                  "rowKey": "9-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-138"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-9"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-9"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-9"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-9"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-9"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-9"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 9,
+                                                }
+                                              }
+                                              isDisabled={true}
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "disableActions": true,
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 9,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": true,
+                                                  "isLastVisible": true,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={true}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={true}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-10"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-9"
+                                                      isDisabled={true}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-10"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              disabled=""
+                                                              id="pf-dropdown-toggle-id-9"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-9"
+                                                        isActive={false}
+                                                        isDisabled={true}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-10"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                disabled=""
+                                                                id="pf-dropdown-toggle-id-9"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={true}
+                                                          id="pf-dropdown-toggle-id-9"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
+  </Provider>
+</Table>
+`;
+
+exports[`Simple table aria-label 1`] = `
+<Table
+  aria-label="Aria labeled"
+  borders={true}
+  canSelectAll={true}
+  cells={
+    Array [
+      Object {
+        "title": "Header cell",
+      },
+      "Branches",
+      Object {
+        "title": "Pull requests",
+      },
+      "Workspaces",
+      Object {
+        "title": "Last Commit",
+      },
+    ]
+  }
+  className=""
+  contentId="expanded-content"
+  dropdownDirection="down"
+  dropdownPosition="right"
+  expandId="expandable-toggle"
+  gridBreakPoint="grid-md"
+  isStickyHeader={false}
+  ouiaSafe={true}
+  role="grid"
+  rowLabeledBy="simple-node"
+  rows={
+    Array [
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+    ]
+  }
+  selectVariant="checkbox"
+  variant={null}
+>
+  <Provider
+    aria-label="Aria labeled"
+    className=""
+    columns={
+      Array [
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Header cell",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "header-cell",
+          "props": Object {
+            "data-key": 0,
+            "data-label": "Header cell",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Branches",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "branches",
+          "props": Object {
+            "data-key": 1,
+            "data-label": "Branches",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Pull requests",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "pull-requests",
+          "props": Object {
+            "data-key": 2,
+            "data-label": "Pull requests",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-6"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
+              headerRows={null}
+            >
+              <Header
+                className=""
+                headerRows={null}
+              >
+                <BaseHeader
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Header cell
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
+              className=""
+              headerData={
+                Array [
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Header cell",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "header-cell",
+                    "props": Object {
+                      "data-key": 0,
+                      "data-label": "Header cell",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Branches",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "branches",
+                    "props": Object {
+                      "data-key": 1,
+                      "data-label": "Branches",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Pull requests",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "pull-requests",
+                    "props": Object {
+                      "data-key": 2,
+                      "data-label": "Pull requests",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
+                    },
+                  },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-19"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-20"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-21"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-22"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-23"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-24"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-25"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-26"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-27"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
+  </Provider>
+</Table>
+`;
+
+exports[`Simple table caption 1`] = `
+<Table
+  borders={true}
+  canSelectAll={true}
+  caption="Simple Table"
+  cells={
+    Array [
+      Object {
+        "title": "Header cell",
+      },
+      "Branches",
+      Object {
+        "title": "Pull requests",
+      },
+      "Workspaces",
+      Object {
+        "title": "Last Commit",
+      },
+    ]
+  }
+  className=""
+  contentId="expanded-content"
+  dropdownDirection="down"
+  dropdownPosition="right"
+  expandId="expandable-toggle"
+  gridBreakPoint="grid-md"
+  isStickyHeader={false}
+  ouiaSafe={true}
+  role="grid"
+  rowLabeledBy="simple-node"
+  rows={
+    Array [
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+    ]
+  }
+  selectVariant="checkbox"
+  variant={null}
+>
+  <Provider
+    className=""
+    columns={
+      Array [
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Header cell",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "header-cell",
+          "props": Object {
+            "data-key": 0,
+            "data-label": "Header cell",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Branches",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "branches",
+          "props": Object {
+            "data-key": 1,
+            "data-label": "Branches",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Pull requests",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "pull-requests",
+          "props": Object {
+            "data-key": 2,
+            "data-label": "Pull requests",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-2"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <caption>
+            Simple Table
+          </caption>
+          <TableHeader>
+            <ContextHeader
+              headerRows={null}
+            >
+              <Header
+                className=""
+                headerRows={null}
+              >
+                <BaseHeader
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Header cell
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
+              className=""
+              headerData={
+                Array [
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Header cell",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "header-cell",
+                    "props": Object {
+                      "data-key": 0,
+                      "data-label": "Header cell",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Branches",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "branches",
+                    "props": Object {
+                      "data-key": 1,
+                      "data-label": "Branches",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Pull requests",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "pull-requests",
+                    "props": Object {
+                      "data-key": 2,
+                      "data-label": "Pull requests",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
+                    },
+                  },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-1"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-2"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-3"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-4"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-5"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-6"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-7"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-8"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
                               ]
                             }
-                            key="9-row"
+                            key="8-row"
                             onRow={[Function]}
                             renderers={
                               Object {
@@ -105511,7 +133458,6 @@ exports[`Simple Actions table 1`] = `
                                   "four",
                                   "five",
                                 ],
-                                "disableActions": true,
                                 "header-cell": Object {
                                   "formatters": Array [],
                                   "props": Object {
@@ -105519,7 +133465,7 @@ exports[`Simple Actions table 1`] = `
                                   },
                                   "title": "one",
                                 },
-                                "id": 9,
+                                "id": 8,
                                 "isExpanded": undefined,
                                 "isFirst": false,
                                 "isFirstVisible": false,
@@ -105549,8 +133495,8 @@ exports[`Simple Actions table 1`] = `
                                 },
                               }
                             }
-                            rowIndex={9}
-                            rowKey="9-row"
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
                             <RowWrapper
                               className=""
@@ -105571,7 +133517,6 @@ exports[`Simple Actions table 1`] = `
                                     "four",
                                     "five",
                                   ],
-                                  "disableActions": true,
                                   "header-cell": Object {
                                     "formatters": Array [],
                                     "props": Object {
@@ -105579,7 +133524,7 @@ exports[`Simple Actions table 1`] = `
                                     },
                                     "title": "one",
                                   },
-                                  "id": 9,
+                                  "id": 8,
                                   "isExpanded": undefined,
                                   "isFirst": false,
                                   "isFirstVisible": false,
@@ -105611,31 +133556,23 @@ exports[`Simple Actions table 1`] = `
                               }
                               rowProps={
                                 Object {
-                                  "rowIndex": 9,
-                                  "rowKey": "9-row",
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
                                 }
                               }
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-239"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-239"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-239"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-9"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -105645,475 +133582,171 @@ exports[`Simple Actions table 1`] = `
                                       data-key={0}
                                       data-label="Header cell"
                                       isVisible={true}
-                                      key="col-0-row-9"
+                                      key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
                                       data-label="Branches"
                                       isVisible={true}
-                                      key="col-1-row-9"
+                                      key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
                                       data-label="Pull requests"
                                       isVisible={true}
-                                      key="col-2-row-9"
+                                      key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
                                       data-label="Workspaces"
                                       isVisible={true}
-                                      key="col-3-row-9"
+                                      key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
                                       data-label="Last Commit"
                                       isVisible={true}
-                                      key="col-4-row-9"
+                                      key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      className="pf-c-table__action"
-                                      data-key={5}
-                                      data-label=""
-                                      isVisible={true}
-                                      key="col-5-row-9"
-                                    >
-                                      <td
-                                        className="pf-c-table__action"
-                                        data-key={5}
-                                        onMouseEnter={[Function]}
-                                      >
-                                        <ActionsColumn
-                                          dropdownDirection="down"
-                                          dropdownPosition="right"
-                                          extraData={
-                                            Object {
-                                              "column": Object {
-                                                "cell": Object {
-                                                  "formatters": Array [
-                                                    [Function],
-                                                  ],
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "data": undefined,
-                                                "extraParams": Object {
-                                                  "actionResolver": undefined,
-                                                  "actions": Array [
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Some action",
-                                                    },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": <div>
-                                                        Another action
-                                                      </div>,
-                                                    },
-                                                    Object {
-                                                      "isSeparator": true,
-                                                      "onClick": null,
-                                                    },
-                                                    Object {
-                                                      "onClick": [Function],
-                                                      "title": "Third action",
-                                                    },
-                                                  ],
-                                                  "allRowsSelected": false,
-                                                  "areActionsDisabled": undefined,
-                                                  "canSelectAll": true,
-                                                  "contentId": "expanded-content",
-                                                  "dropdownDirection": "down",
-                                                  "dropdownPosition": "right",
-                                                  "expandId": "expandable-toggle",
-                                                  "firstUserColumnIndex": 0,
-                                                  "onCollapse": undefined,
-                                                  "onExpand": undefined,
-                                                  "onRowEdit": undefined,
-                                                  "onSelect": undefined,
-                                                  "onSort": undefined,
-                                                  "rowLabeledBy": "simple-node",
-                                                  "selectVariant": "checkbox",
-                                                  "sortBy": undefined,
-                                                },
-                                                "header": Object {
-                                                  "formatters": Array [],
-                                                  "label": "",
-                                                  "transforms": Array [
-                                                    [Function],
-                                                    [Function],
-                                                    [Function],
-                                                  ],
-                                                },
-                                                "property": "column-5",
-                                                "props": Object {
-                                                  "data-key": 5,
-                                                  "data-label": "",
-                                                },
-                                              },
-                                              "columnIndex": 5,
-                                              "property": "column-5",
-                                              "rowIndex": 9,
-                                            }
-                                          }
-                                          isDisabled={true}
-                                          items={
-                                            Array [
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Some action",
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": <div>
-                                                  Another action
-                                                </div>,
-                                              },
-                                              Object {
-                                                "isSeparator": true,
-                                                "onClick": null,
-                                              },
-                                              Object {
-                                                "onClick": [Function],
-                                                "title": "Third action",
-                                              },
-                                            ]
-                                          }
-                                          rowData={
-                                            Object {
-                                              "branches": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "two",
-                                              },
-                                              "cells": Array [
-                                                "one",
-                                                "two",
-                                                "three",
-                                                "four",
-                                                "five",
-                                              ],
-                                              "disableActions": true,
-                                              "header-cell": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "one",
-                                              },
-                                              "id": 9,
-                                              "isExpanded": undefined,
-                                              "isFirst": false,
-                                              "isFirstVisible": false,
-                                              "isHeightAuto": false,
-                                              "isLast": true,
-                                              "isLastVisible": true,
-                                              "last-commit": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "five",
-                                              },
-                                              "pull-requests": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "three",
-                                              },
-                                              "workspaces": Object {
-                                                "formatters": Array [],
-                                                "props": Object {
-                                                  "isVisible": true,
-                                                },
-                                                "title": "four",
-                                              },
-                                            }
-                                          }
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <Dropdown
-                                            direction="down"
-                                            dropdownItems={
-                                              Array [
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={0}
-                                                  onClick={[Function]}
-                                                >
-                                                  Some action
-                                                </DropdownItem>,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={1}
-                                                  onClick={[Function]}
-                                                >
-                                                  <div>
-                                                    Another action
-                                                  </div>
-                                                </DropdownItem>,
-                                                <DropdownSeparator
-                                                  data-key={2}
-                                                />,
-                                                <DropdownItem
-                                                  component="button"
-                                                  data-key={3}
-                                                  onClick={[Function]}
-                                                >
-                                                  Third action
-                                                </DropdownItem>,
-                                              ]
-                                            }
-                                            isOpen={false}
-                                            isPlain={true}
-                                            position="right"
-                                            toggle={
-                                              <KebabToggle
-                                                isDisabled={true}
-                                                onToggle={[Function]}
-                                              />
-                                            }
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
                                           >
-                                            <DropdownWithContext
-                                              autoFocus={true}
-                                              className=""
-                                              direction="down"
-                                              dropdownItems={
-                                                Array [
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={0}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Some action
-                                                  </DropdownItem>,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={1}
-                                                    onClick={[Function]}
-                                                  >
-                                                    <div>
-                                                      Another action
-                                                    </div>
-                                                  </DropdownItem>,
-                                                  <DropdownSeparator
-                                                    data-key={2}
-                                                  />,
-                                                  <DropdownItem
-                                                    component="button"
-                                                    data-key={3}
-                                                    onClick={[Function]}
-                                                  >
-                                                    Third action
-                                                  </DropdownItem>,
-                                                ]
-                                              }
-                                              isGrouped={false}
-                                              isOpen={false}
-                                              isPlain={true}
-                                              menuAppendTo="inline"
-                                              onSelect={[Function]}
-                                              position="right"
-                                              toggle={
-                                                <KebabToggle
-                                                  isDisabled={true}
-                                                  onToggle={[Function]}
-                                                />
-                                              }
-                                            >
-                                              <div
-                                                className="pf-c-dropdown pf-m-align-right"
-                                                data-ouia-component-id="OUIA-Generated-Dropdown-10"
-                                                data-ouia-component-type="PF4/Dropdown"
-                                                data-ouia-safe={true}
-                                              >
-                                                <KebabToggle
-                                                  aria-haspopup={true}
-                                                  getMenuRef={[Function]}
-                                                  id="pf-dropdown-toggle-id-9"
-                                                  isDisabled={true}
-                                                  isOpen={false}
-                                                  isPlain={true}
-                                                  key=".0"
-                                                  onEnter={[Function]}
-                                                  onToggle={[Function]}
-                                                  parentRef={
-                                                    Object {
-                                                      "current": <div
-                                                        class="pf-c-dropdown pf-m-align-right"
-                                                        data-ouia-component-id="OUIA-Generated-Dropdown-10"
-                                                        data-ouia-component-type="PF4/Dropdown"
-                                                        data-ouia-safe="true"
-                                                      >
-                                                        <button
-                                                          aria-expanded="false"
-                                                          aria-haspopup="true"
-                                                          aria-label="Actions"
-                                                          class="pf-c-dropdown__toggle pf-m-plain"
-                                                          disabled=""
-                                                          id="pf-dropdown-toggle-id-9"
-                                                          type="button"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            fill="currentColor"
-                                                            height="1em"
-                                                            role="img"
-                                                            style="vertical-align: -0.125em;"
-                                                            viewBox="0 0 192 512"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                            />
-                                                          </svg>
-                                                        </button>
-                                                      </div>,
-                                                    }
-                                                  }
-                                                >
-                                                  <Toggle
-                                                    aria-haspopup={true}
-                                                    aria-label="Actions"
-                                                    bubbleEvent={false}
-                                                    className=""
-                                                    getMenuRef={[Function]}
-                                                    id="pf-dropdown-toggle-id-9"
-                                                    isActive={false}
-                                                    isDisabled={true}
-                                                    isOpen={false}
-                                                    isPlain={true}
-                                                    isPrimary={false}
-                                                    isSplitButton={false}
-                                                    onEnter={[Function]}
-                                                    onToggle={[Function]}
-                                                    parentRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="pf-c-dropdown pf-m-align-right"
-                                                          data-ouia-component-id="OUIA-Generated-Dropdown-10"
-                                                          data-ouia-component-type="PF4/Dropdown"
-                                                          data-ouia-safe="true"
-                                                        >
-                                                          <button
-                                                            aria-expanded="false"
-                                                            aria-haspopup="true"
-                                                            aria-label="Actions"
-                                                            class="pf-c-dropdown__toggle pf-m-plain"
-                                                            disabled=""
-                                                            id="pf-dropdown-toggle-id-9"
-                                                            type="button"
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              fill="currentColor"
-                                                              height="1em"
-                                                              role="img"
-                                                              style="vertical-align: -0.125em;"
-                                                              viewBox="0 0 192 512"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                              />
-                                                            </svg>
-                                                          </button>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                  >
-                                                    <button
-                                                      aria-expanded={false}
-                                                      aria-haspopup={true}
-                                                      aria-label="Actions"
-                                                      className="pf-c-dropdown__toggle pf-m-plain"
-                                                      disabled={true}
-                                                      id="pf-dropdown-toggle-id-9"
-                                                      onClick={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <EllipsisVIcon
-                                                        color="currentColor"
-                                                        noVerticalAlign={false}
-                                                        size="sm"
-                                                      >
-                                                        <svg
-                                                          aria-hidden={true}
-                                                          aria-labelledby={null}
-                                                          fill="currentColor"
-                                                          height="1em"
-                                                          role="img"
-                                                          style={
-                                                            Object {
-                                                              "verticalAlign": "-0.125em",
-                                                            }
-                                                          }
-                                                          viewBox="0 0 192 512"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                          />
-                                                        </svg>
-                                                      </EllipsisVIcon>
-                                                    </button>
-                                                  </Toggle>
-                                                </KebabToggle>
-                                              </div>
-                                            </DropdownWithContext>
-                                          </Dropdown>
-                                        </ActionsColumn>
-                                      </td>
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -106135,9 +133768,8 @@ exports[`Simple Actions table 1`] = `
 </Table>
 `;
 
-exports[`Simple table aria-label 1`] = `
+exports[`Simple table header 1`] = `
 <Table
-  aria-label="Aria labeled"
   borders={true}
   canSelectAll={true}
   cells={
@@ -106161,6 +133793,11 @@ exports[`Simple table aria-label 1`] = `
   dropdownPosition="right"
   expandId="expandable-toggle"
   gridBreakPoint="grid-md"
+  header={
+    <h4>
+      Header title
+    </h4>
+  }
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -106253,9 +133890,10 @@ exports[`Simple table aria-label 1`] = `
   selectVariant="checkbox"
   variant={null}
 >
+  <h4>
+    Header title
+  </h4>
   <Provider
-    aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -106497,30 +134135,28 @@ exports[`Simple table aria-label 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
-      aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
-        aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
-          aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-6"
+          data-ouia-component-id="OUIA-Generated-Table-4"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -107059,6 +134695,8 @@ exports[`Simple table aria-label 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -107068,6 +134706,8 @@ exports[`Simple table aria-label 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -107095,6 +134735,8 @@ exports[`Simple table aria-label 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -107104,6 +134746,8 @@ exports[`Simple table aria-label 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -107131,6 +134775,8 @@ exports[`Simple table aria-label 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -107140,6 +134786,8 @@ exports[`Simple table aria-label 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -107167,6 +134815,8 @@ exports[`Simple table aria-label 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -107176,6 +134826,8 @@ exports[`Simple table aria-label 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -107203,6 +134855,8 @@ exports[`Simple table aria-label 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -107212,6 +134866,8 @@ exports[`Simple table aria-label 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -110502,24 +138158,16 @@ exports[`Simple table aria-label 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-37"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-37"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-37"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-10"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -110531,14 +138179,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -110546,14 +138213,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -110561,14 +138247,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -110576,14 +138281,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -110591,14 +138315,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -110960,24 +138703,16 @@ exports[`Simple table aria-label 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-39"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-39"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-39"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-11"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -110989,14 +138724,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -111004,14 +138758,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -111019,14 +138792,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -111034,14 +138826,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -111049,14 +138860,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -111418,24 +139248,16 @@ exports[`Simple table aria-label 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-41"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-41"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-41"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-12"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -111447,14 +139269,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -111462,14 +139303,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -111477,14 +139337,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -111492,14 +139371,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -111507,14 +139405,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -111876,24 +139793,16 @@ exports[`Simple table aria-label 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-43"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-43"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-43"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-13"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -111905,14 +139814,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -111920,14 +139848,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -111935,14 +139882,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -111950,14 +139916,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -111965,14 +139950,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -112334,24 +140338,16 @@ exports[`Simple table aria-label 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-45"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-45"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-45"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-14"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -112363,14 +140359,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -112378,14 +140393,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -112393,14 +140427,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -112408,14 +140461,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -112423,14 +140495,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -112792,24 +140883,16 @@ exports[`Simple table aria-label 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-47"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-47"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-47"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-15"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -112821,14 +140904,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -112836,14 +140938,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -112851,14 +140972,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -112866,14 +141006,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -112881,14 +141040,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -113250,24 +141428,16 @@ exports[`Simple table aria-label 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-49"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-49"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-49"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-16"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -113279,14 +141449,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -113294,14 +141483,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -113309,14 +141517,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -113324,14 +141551,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -113339,14 +141585,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -113708,24 +141973,16 @@ exports[`Simple table aria-label 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-51"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-51"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-51"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-17"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -113737,14 +141994,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -113752,14 +142028,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -113767,14 +142062,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -113782,14 +142096,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -113797,14 +142130,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -114166,24 +142518,16 @@ exports[`Simple table aria-label 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-53"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-53"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-53"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-18"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -114195,14 +142539,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -114210,14 +142573,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -114225,14 +142607,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -114240,14 +142641,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -114255,14 +142675,33 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -114284,15 +142723,18 @@ exports[`Simple table aria-label 1`] = `
 </Table>
 `;
 
-exports[`Simple table caption 1`] = `
+exports[`Sortable table 1`] = `
 <Table
+  aria-label="Aria labeled"
   borders={true}
   canSelectAll={true}
-  caption="Simple Table"
   cells={
     Array [
       Object {
         "title": "Header cell",
+        "transforms": Array [
+          [Function],
+        ],
       },
       "Branches",
       Object {
@@ -114311,6 +142753,7 @@ exports[`Simple table caption 1`] = `
   expandId="expandable-toggle"
   gridBreakPoint="grid-md"
   isStickyHeader={false}
+  onSort={[Function]}
   ouiaSafe={true}
   role="grid"
   rowLabeledBy="simple-node"
@@ -114400,10 +142843,11 @@ exports[`Simple table caption 1`] = `
     ]
   }
   selectVariant="checkbox"
+  sortBy={Object {}}
   variant={null}
 >
   <Provider
-    borders={true}
+    aria-label="Aria labeled"
     className=""
     columns={
       Array [
@@ -114432,10 +142876,10 @@ exports[`Simple table caption 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": undefined,
+            "onSort": [Function],
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
+            "sortBy": Object {},
           },
           "header": Object {
             "formatters": Array [],
@@ -114443,6 +142887,7 @@ exports[`Simple table caption 1`] = `
             "transforms": Array [
               [Function],
               [Function],
+              [Function],
             ],
           },
           "property": "header-cell",
@@ -114476,10 +142921,10 @@ exports[`Simple table caption 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": undefined,
+            "onSort": [Function],
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
+            "sortBy": Object {},
           },
           "header": Object {
             "formatters": Array [],
@@ -114520,10 +142965,10 @@ exports[`Simple table caption 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": undefined,
+            "onSort": [Function],
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
+            "sortBy": Object {},
           },
           "header": Object {
             "formatters": Array [],
@@ -114564,10 +143009,10 @@ exports[`Simple table caption 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": undefined,
+            "onSort": [Function],
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
+            "sortBy": Object {},
           },
           "header": Object {
             "formatters": Array [],
@@ -114608,10 +143053,10 @@ exports[`Simple table caption 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": undefined,
+            "onSort": [Function],
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
+            "sortBy": Object {},
           },
           "header": Object {
             "formatters": Array [],
@@ -114645,34 +143090,35 @@ exports[`Simple table caption 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
-      borders={true}
+      aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
-        borders={true}
+        aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
+          aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-2"
+          data-ouia-component-id="OUIA-Generated-Table-10"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
         >
-          <caption>
-            Simple Table
-          </caption>
           <TableHeader>
             <ContextHeader
               headerRows={null}
@@ -114710,10 +143156,10 @@ exports[`Simple table caption 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -114721,6 +143167,7 @@ exports[`Simple table caption 1`] = `
                           "transforms": Array [
                             [Function],
                             [Function],
+                            [Function],
                           ],
                         },
                         "property": "header-cell",
@@ -114754,10 +143201,10 @@ exports[`Simple table caption 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -114798,10 +143245,10 @@ exports[`Simple table caption 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -114842,10 +143289,10 @@ exports[`Simple table caption 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -114886,10 +143333,10 @@ exports[`Simple table caption 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -114990,10 +143437,10 @@ exports[`Simple table caption 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": undefined,
+                                  "onSort": [Function],
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": undefined,
+                                  "sortBy": Object {},
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -115001,6 +143448,7 @@ exports[`Simple table caption 1`] = `
                                   "transforms": Array [
                                     [Function],
                                     [Function],
+                                    [Function],
                                   ],
                                 },
                                 "property": "header-cell",
@@ -115034,10 +143482,10 @@ exports[`Simple table caption 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": undefined,
+                                  "onSort": [Function],
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": undefined,
+                                  "sortBy": Object {},
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -115078,10 +143526,10 @@ exports[`Simple table caption 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": undefined,
+                                  "onSort": [Function],
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": undefined,
+                                  "sortBy": Object {},
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -115122,10 +143570,10 @@ exports[`Simple table caption 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": undefined,
+                                  "onSort": [Function],
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": undefined,
+                                  "sortBy": Object {},
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -115166,10 +143614,10 @@ exports[`Simple table caption 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": undefined,
+                                  "onSort": [Function],
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": undefined,
+                                  "sortBy": Object {},
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -115195,37 +143643,96 @@ exports[`Simple table caption 1`] = `
                             >
                               <tr>
                                 <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
                                   data-key={0}
                                   data-label="Header cell"
                                   key="0-header"
                                   scope="col"
                                 >
                                   <BaseHeaderCell
-                                    className=""
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
                                     component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
-                                      className=""
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
                                       component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
-                                        className=""
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
                                         data-key={0}
                                         data-label="Header cell"
                                         onMouseEnter={[Function]}
                                         scope="col"
                                       >
-                                        Header cell
+                                        <SortColumn
+                                          isSortedBy={false}
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
                                       </th>
                                     </BaseHeaderCellBase>
                                   </BaseHeaderCell>
@@ -115243,6 +143750,8 @@ exports[`Simple table caption 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -115252,6 +143761,8 @@ exports[`Simple table caption 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -115279,6 +143790,8 @@ exports[`Simple table caption 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -115288,6 +143801,8 @@ exports[`Simple table caption 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -115315,6 +143830,8 @@ exports[`Simple table caption 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -115324,6 +143841,8 @@ exports[`Simple table caption 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -115351,6 +143870,8 @@ exports[`Simple table caption 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -115360,6 +143881,8 @@ exports[`Simple table caption 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -115415,10 +143938,10 @@ exports[`Simple table caption 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": undefined,
+                      "onSort": [Function],
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                      "sortBy": Object {},
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -115426,6 +143949,7 @@ exports[`Simple table caption 1`] = `
                       "transforms": Array [
                         [Function],
                         [Function],
+                        [Function],
                       ],
                     },
                     "property": "header-cell",
@@ -115459,10 +143983,10 @@ exports[`Simple table caption 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": undefined,
+                      "onSort": [Function],
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                      "sortBy": Object {},
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -115503,10 +144027,10 @@ exports[`Simple table caption 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": undefined,
+                      "onSort": [Function],
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                      "sortBy": Object {},
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -115547,10 +144071,10 @@ exports[`Simple table caption 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": undefined,
+                      "onSort": [Function],
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                      "sortBy": Object {},
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -115591,10 +144115,10 @@ exports[`Simple table caption 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": undefined,
+                      "onSort": [Function],
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                      "sortBy": Object {},
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -116663,10 +145187,10 @@ exports[`Simple table caption 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -116674,6 +145198,7 @@ exports[`Simple table caption 1`] = `
                           "transforms": Array [
                             [Function],
                             [Function],
+                            [Function],
                           ],
                         },
                         "property": "header-cell",
@@ -116707,10 +145232,10 @@ exports[`Simple table caption 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -116751,10 +145276,10 @@ exports[`Simple table caption 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -116795,10 +145320,10 @@ exports[`Simple table caption 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -116839,10 +145364,10 @@ exports[`Simple table caption 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -118323,10 +146848,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -118334,6 +146859,7 @@ exports[`Simple table caption 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -118367,10 +146893,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -118411,10 +146937,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -118455,10 +146981,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -118499,10 +147025,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -118650,24 +147176,16 @@ exports[`Simple table caption 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-1"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-1"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-1"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-30"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -118679,14 +147197,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -118694,14 +147231,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -118709,14 +147265,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -118724,14 +147299,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -118739,14 +147333,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -118781,10 +147394,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -118792,6 +147405,7 @@ exports[`Simple table caption 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -118825,10 +147439,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -118869,10 +147483,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -118913,10 +147527,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -118957,10 +147571,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -119108,24 +147722,16 @@ exports[`Simple table caption 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-3"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-3"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-3"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-31"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -119137,14 +147743,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -119152,14 +147777,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -119167,14 +147811,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -119182,14 +147845,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -119197,14 +147879,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -119239,10 +147940,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -119250,6 +147951,7 @@ exports[`Simple table caption 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -119283,10 +147985,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -119327,10 +148029,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -119371,10 +148073,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -119415,10 +148117,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -119566,24 +148268,16 @@ exports[`Simple table caption 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-5"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-5"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-5"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-32"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -119595,14 +148289,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -119610,14 +148323,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -119625,14 +148357,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -119640,14 +148391,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -119655,14 +148425,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -119697,10 +148486,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -119708,6 +148497,7 @@ exports[`Simple table caption 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -119741,10 +148531,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -119785,10 +148575,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -119829,10 +148619,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -119873,10 +148663,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -120024,24 +148814,16 @@ exports[`Simple table caption 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-7"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-7"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-7"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-33"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -120053,14 +148835,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -120068,14 +148869,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -120083,14 +148903,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -120098,14 +148937,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -120113,14 +148971,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -120155,10 +149032,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -120166,6 +149043,7 @@ exports[`Simple table caption 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -120199,10 +149077,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -120243,10 +149121,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -120287,10 +149165,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -120331,10 +149209,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -120482,24 +149360,16 @@ exports[`Simple table caption 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-9"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-9"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-9"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-34"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -120511,14 +149381,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -120526,14 +149415,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -120541,14 +149449,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -120556,14 +149483,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -120571,14 +149517,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -120613,10 +149578,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -120624,6 +149589,7 @@ exports[`Simple table caption 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -120657,10 +149623,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -120701,10 +149667,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -120745,10 +149711,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -120789,10 +149755,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -120940,24 +149906,16 @@ exports[`Simple table caption 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-11"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-11"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-11"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-35"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -120969,14 +149927,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -120984,14 +149961,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -120999,14 +149995,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -121014,14 +150029,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -121029,14 +150063,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -121071,10 +150124,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -121082,6 +150135,7 @@ exports[`Simple table caption 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -121115,10 +150169,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -121159,10 +150213,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -121203,10 +150257,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -121247,10 +150301,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -121398,24 +150452,16 @@ exports[`Simple table caption 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-13"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-13"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-13"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-36"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -121427,14 +150473,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -121442,14 +150507,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -121457,14 +150541,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -121472,14 +150575,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -121487,14 +150609,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -121529,10 +150670,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -121540,6 +150681,7 @@ exports[`Simple table caption 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -121573,10 +150715,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -121617,10 +150759,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -121661,10 +150803,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -121705,10 +150847,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -121856,24 +150998,16 @@ exports[`Simple table caption 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-15"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-15"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-15"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-37"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -121885,14 +151019,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -121900,14 +151053,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -121915,14 +151087,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -121930,14 +151121,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -121945,14 +151155,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -121987,10 +151216,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -121998,6 +151227,7 @@ exports[`Simple table caption 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -122031,10 +151261,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -122075,10 +151305,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -122119,10 +151349,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -122163,10 +151393,10 @@ exports[`Simple table caption 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -122314,24 +151544,16 @@ exports[`Simple table caption 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-17"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-17"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-17"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-38"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -122343,14 +151565,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -122358,14 +151599,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -122373,14 +151633,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -122388,14 +151667,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -122403,14 +151701,33 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -122432,14 +151749,18 @@ exports[`Simple table caption 1`] = `
 </Table>
 `;
 
-exports[`Simple table header 1`] = `
+exports[`Table variants Breakpoint -  1`] = `
 <Table
+  aria-label="Aria labeled"
   borders={true}
   canSelectAll={true}
   cells={
     Array [
       Object {
         "title": "Header cell",
+        "transforms": Array [
+          [Function],
+        ],
       },
       "Branches",
       Object {
@@ -122456,12 +151777,7 @@ exports[`Simple table header 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-md"
-  header={
-    <h4>
-      Header title
-    </h4>
-  }
+  gridBreakPoint=""
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -122554,11 +151870,8 @@ exports[`Simple table header 1`] = `
   selectVariant="checkbox"
   variant={null}
 >
-  <h4>
-    Header title
-  </h4>
   <Provider
-    borders={true}
+    aria-label="Aria labeled"
     className=""
     columns={
       Array [
@@ -122598,6 +151911,7 @@ exports[`Simple table header 1`] = `
             "transforms": Array [
               [Function],
               [Function],
+              [Function],
             ],
           },
           "property": "header-cell",
@@ -122784,7 +152098,7 @@ exports[`Simple table header 1`] = `
         },
       ]
     }
-    gridBreakPoint="grid-md"
+    gridBreakPoint=""
     isStickyHeader={false}
     ouiaSafe={true}
     renderers={
@@ -122800,27 +152114,31 @@ exports[`Simple table header 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
-      borders={true}
+      aria-label="Aria labeled"
       className=""
-      gridBreakPoint="grid-md"
+      gridBreakPoint=""
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
-        borders={true}
+        aria-label="Aria labeled"
         className=""
-        gridBreakPoint="grid-md"
+        gridBreakPoint=""
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
-          className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-4"
+          aria-label="Aria labeled"
+          className="pf-c-table"
+          data-ouia-component-id="OUIA-Generated-Table-14"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -122873,6 +152191,7 @@ exports[`Simple table header 1`] = `
                           "transforms": Array [
                             [Function],
                             [Function],
+                            [Function],
                           ],
                         },
                         "property": "header-cell",
@@ -123153,6 +152472,7 @@ exports[`Simple table header 1`] = `
                                   "transforms": Array [
                                     [Function],
                                     [Function],
+                                    [Function],
                                   ],
                                 },
                                 "property": "header-cell",
@@ -123347,37 +152667,95 @@ exports[`Simple table header 1`] = `
                             >
                               <tr>
                                 <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
                                   data-key={0}
                                   data-label="Header cell"
                                   key="0-header"
                                   scope="col"
                                 >
                                   <BaseHeaderCell
-                                    className=""
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
                                     component="th"
                                     data-key={0}
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
-                                      className=""
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
                                       component="th"
                                       data-key={0}
                                       data-label="Header cell"
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
-                                        className=""
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
                                         data-key={0}
                                         data-label="Header cell"
                                         onMouseEnter={[Function]}
                                         scope="col"
                                       >
-                                        Header cell
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
                                       </th>
                                     </BaseHeaderCellBase>
                                   </BaseHeaderCell>
@@ -123395,6 +152773,8 @@ exports[`Simple table header 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -123404,6 +152784,8 @@ exports[`Simple table header 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -123431,6 +152813,8 @@ exports[`Simple table header 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -123440,6 +152824,8 @@ exports[`Simple table header 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -123467,6 +152853,8 @@ exports[`Simple table header 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -123476,6 +152864,8 @@ exports[`Simple table header 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -123503,6 +152893,8 @@ exports[`Simple table header 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -123512,6 +152904,8 @@ exports[`Simple table header 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -123578,6 +152972,7 @@ exports[`Simple table header 1`] = `
                       "transforms": Array [
                         [Function],
                         [Function],
+                        [Function],
                       ],
                     },
                     "property": "header-cell",
@@ -124826,6 +154221,7 @@ exports[`Simple table header 1`] = `
                           "transforms": Array [
                             [Function],
                             [Function],
+                            [Function],
                           ],
                         },
                         "property": "header-cell",
@@ -126486,6 +155882,7 @@ exports[`Simple table header 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -126802,24 +156199,16 @@ exports[`Simple table header 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-19"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-19"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-19"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-48"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -126831,14 +156220,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -126846,14 +156254,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -126861,14 +156288,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -126876,14 +156322,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -126891,14 +156356,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -126944,6 +156428,7 @@ exports[`Simple table header 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -127260,24 +156745,16 @@ exports[`Simple table header 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-21"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-21"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-21"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-49"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -127289,14 +156766,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -127304,14 +156800,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -127319,14 +156834,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -127334,14 +156868,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -127349,14 +156902,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -127402,6 +156974,7 @@ exports[`Simple table header 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -127718,24 +157291,16 @@ exports[`Simple table header 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-23"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-23"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-23"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-50"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -127747,14 +157312,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -127762,14 +157346,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -127777,14 +157380,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -127792,14 +157414,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -127807,14 +157448,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -127860,6 +157520,7 @@ exports[`Simple table header 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -128176,24 +157837,16 @@ exports[`Simple table header 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-25"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-25"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-25"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-51"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -128205,14 +157858,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -128220,14 +157892,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -128235,14 +157926,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -128250,14 +157960,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -128265,14 +157994,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -128318,6 +158066,7 @@ exports[`Simple table header 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -128634,24 +158383,16 @@ exports[`Simple table header 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-27"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-27"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-27"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-52"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -128663,14 +158404,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -128678,14 +158438,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -128693,14 +158472,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -128708,14 +158506,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -128723,14 +158540,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -128776,6 +158612,7 @@ exports[`Simple table header 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -129092,24 +158929,16 @@ exports[`Simple table header 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-29"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-29"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-29"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-53"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -129121,14 +158950,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -129136,14 +158984,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -129151,14 +159018,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -129166,14 +159052,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -129181,14 +159086,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -129234,6 +159158,7 @@ exports[`Simple table header 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -129550,24 +159475,16 @@ exports[`Simple table header 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-31"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-31"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-31"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-54"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -129579,14 +159496,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -129594,14 +159530,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -129609,14 +159564,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -129624,14 +159598,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -129639,14 +159632,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -129692,6 +159704,7 @@ exports[`Simple table header 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -130008,24 +160021,16 @@ exports[`Simple table header 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-33"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-33"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-33"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-55"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -130037,14 +160042,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -130052,14 +160076,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -130067,14 +160110,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -130082,14 +160144,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -130097,14 +160178,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -130150,6 +160250,7 @@ exports[`Simple table header 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
+                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -130466,24 +160567,16 @@ exports[`Simple table header 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-35"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-35"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-35"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-56"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -130495,14 +160588,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -130510,14 +160622,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -130525,14 +160656,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -130540,14 +160690,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -130555,14 +160724,33 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -130584,7 +160772,7 @@ exports[`Simple table header 1`] = `
 </Table>
 `;
 
-exports[`Sortable table 1`] = `
+exports[`Table variants Breakpoint - grid 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -130612,9 +160800,8 @@ exports[`Sortable table 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-md"
+  gridBreakPoint="grid"
   isStickyHeader={false}
-  onSort={[Function]}
   ouiaSafe={true}
   role="grid"
   rowLabeledBy="simple-node"
@@ -130704,12 +160891,10 @@ exports[`Sortable table 1`] = `
     ]
   }
   selectVariant="checkbox"
-  sortBy={Object {}}
   variant={null}
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -130738,10 +160923,10 @@ exports[`Sortable table 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": [Function],
+            "onSort": undefined,
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": Object {},
+            "sortBy": undefined,
           },
           "header": Object {
             "formatters": Array [],
@@ -130783,10 +160968,10 @@ exports[`Sortable table 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": [Function],
+            "onSort": undefined,
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": Object {},
+            "sortBy": undefined,
           },
           "header": Object {
             "formatters": Array [],
@@ -130827,10 +161012,10 @@ exports[`Sortable table 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": [Function],
+            "onSort": undefined,
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": Object {},
+            "sortBy": undefined,
           },
           "header": Object {
             "formatters": Array [],
@@ -130871,10 +161056,10 @@ exports[`Sortable table 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": [Function],
+            "onSort": undefined,
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": Object {},
+            "sortBy": undefined,
           },
           "header": Object {
             "formatters": Array [],
@@ -130915,10 +161100,10 @@ exports[`Sortable table 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": [Function],
+            "onSort": undefined,
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": Object {},
+            "sortBy": undefined,
           },
           "header": Object {
             "formatters": Array [],
@@ -130936,7 +161121,7 @@ exports[`Sortable table 1`] = `
         },
       ]
     }
-    gridBreakPoint="grid-md"
+    gridBreakPoint="grid"
     isStickyHeader={false}
     ouiaSafe={true}
     renderers={
@@ -130952,30 +161137,31 @@ exports[`Sortable table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
-      gridBreakPoint="grid-md"
+      gridBreakPoint="grid"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
-        gridBreakPoint="grid-md"
+        gridBreakPoint="grid"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-10"
+          className="pf-c-table pf-m-grid"
+          data-ouia-component-id="OUIA-Generated-Table-16"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -131017,10 +161203,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -131062,10 +161248,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -131106,10 +161292,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -131150,10 +161336,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -131194,10 +161380,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -131298,10 +161484,10 @@ exports[`Sortable table 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": [Function],
+                                  "onSort": undefined,
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": Object {},
+                                  "sortBy": undefined,
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -131343,10 +161529,10 @@ exports[`Sortable table 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": [Function],
+                                  "onSort": undefined,
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": Object {},
+                                  "sortBy": undefined,
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -131387,10 +161573,10 @@ exports[`Sortable table 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": [Function],
+                                  "onSort": undefined,
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": Object {},
+                                  "sortBy": undefined,
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -131431,10 +161617,10 @@ exports[`Sortable table 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": [Function],
+                                  "onSort": undefined,
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": Object {},
+                                  "sortBy": undefined,
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -131475,10 +161661,10 @@ exports[`Sortable table 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": [Function],
+                                  "onSort": undefined,
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": Object {},
+                                  "sortBy": undefined,
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -131519,6 +161705,8 @@ exports[`Sortable table 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -131529,6 +161717,8 @@ exports[`Sortable table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -131539,7 +161729,6 @@ exports[`Sortable table 1`] = `
                                         scope="col"
                                       >
                                         <SortColumn
-                                          isSortedBy={false}
                                           onSort={[Function]}
                                           sortDirection=""
                                         >
@@ -131607,6 +161796,8 @@ exports[`Sortable table 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -131616,6 +161807,8 @@ exports[`Sortable table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -131643,6 +161836,8 @@ exports[`Sortable table 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -131652,6 +161847,8 @@ exports[`Sortable table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -131679,6 +161876,8 @@ exports[`Sortable table 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -131688,6 +161887,8 @@ exports[`Sortable table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -131715,6 +161916,8 @@ exports[`Sortable table 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -131724,6 +161927,8 @@ exports[`Sortable table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -131779,10 +161984,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -131824,10 +162029,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -131868,10 +162073,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -131912,10 +162117,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -131956,10 +162161,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -133028,10 +163233,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -133073,10 +163278,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -133117,10 +163322,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -133161,10 +163366,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -133205,10 +163410,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -134689,10 +164894,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -134734,10 +164939,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -134778,10 +164983,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -134822,10 +165027,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -134866,10 +165071,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -135017,24 +165222,16 @@ exports[`Sortable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-59"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-59"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-59"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-57"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -135046,14 +165243,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -135061,14 +165277,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -135076,14 +165311,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -135091,14 +165345,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -135106,14 +165379,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -135148,10 +165440,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -135193,10 +165485,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -135237,10 +165529,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -135281,10 +165573,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -135325,10 +165617,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -135476,24 +165768,16 @@ exports[`Sortable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-61"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-61"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-61"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-58"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -135505,14 +165789,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -135520,14 +165823,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -135535,14 +165857,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -135550,14 +165891,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -135565,14 +165925,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -135607,10 +165986,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -135652,10 +166031,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -135696,10 +166075,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -135740,10 +166119,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -135784,10 +166163,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -135935,24 +166314,16 @@ exports[`Sortable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-63"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-63"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-63"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-59"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -135964,14 +166335,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -135979,14 +166369,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -135994,14 +166403,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -136009,14 +166437,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -136024,14 +166471,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -136066,10 +166532,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -136111,10 +166577,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -136155,10 +166621,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -136199,10 +166665,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -136243,10 +166709,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -136394,24 +166860,16 @@ exports[`Sortable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-65"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-65"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-65"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-60"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -136423,14 +166881,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -136438,14 +166915,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -136453,14 +166949,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -136468,14 +166983,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -136483,14 +167017,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -136525,10 +167078,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -136570,10 +167123,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -136614,10 +167167,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -136658,10 +167211,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -136702,10 +167255,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -136853,24 +167406,16 @@ exports[`Sortable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-67"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-67"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-67"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-61"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -136882,14 +167427,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -136897,14 +167461,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -136912,14 +167495,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -136927,14 +167529,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -136942,14 +167563,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -136984,10 +167624,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -137029,10 +167669,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -137073,10 +167713,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -137117,10 +167757,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -137161,10 +167801,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -137312,24 +167952,16 @@ exports[`Sortable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-69"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-69"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-69"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-62"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -137341,14 +167973,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -137356,14 +168007,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -137371,14 +168041,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -137386,14 +168075,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -137401,14 +168109,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -137443,10 +168170,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -137488,10 +168215,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -137532,10 +168259,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -137576,10 +168303,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -137620,10 +168347,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -137771,24 +168498,16 @@ exports[`Sortable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-71"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-71"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-71"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-63"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -137800,14 +168519,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -137815,14 +168553,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -137830,14 +168587,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -137845,14 +168621,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -137860,14 +168655,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -137902,10 +168716,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -137947,10 +168761,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -137991,10 +168805,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -138035,10 +168849,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -138079,10 +168893,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -138230,24 +169044,16 @@ exports[`Sortable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-73"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-73"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-73"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-64"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -138259,14 +169065,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -138274,14 +169099,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -138289,14 +169133,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -138304,14 +169167,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -138319,14 +169201,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -138361,10 +169262,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -138406,10 +169307,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -138450,10 +169351,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -138494,10 +169395,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -138538,10 +169439,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -138689,24 +169590,16 @@ exports[`Sortable table 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-75"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-75"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-75"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-65"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -138718,14 +169611,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -138733,14 +169645,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -138748,14 +169679,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -138763,14 +169713,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -138778,14 +169747,33 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -138807,7 +169795,7 @@ exports[`Sortable table 1`] = `
 </Table>
 `;
 
-exports[`Table variants Breakpoint -  1`] = `
+exports[`Table variants Breakpoint - grid-2xl 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -138835,7 +169823,7 @@ exports[`Table variants Breakpoint -  1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint=""
+  gridBreakPoint="grid-2xl"
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -138930,7 +169918,6 @@ exports[`Table variants Breakpoint -  1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -139157,7 +170144,7 @@ exports[`Table variants Breakpoint -  1`] = `
         },
       ]
     }
-    gridBreakPoint=""
+    gridBreakPoint="grid-2xl"
     isStickyHeader={false}
     ouiaSafe={true}
     renderers={
@@ -139173,30 +170160,31 @@ exports[`Table variants Breakpoint -  1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
-      gridBreakPoint=""
+      gridBreakPoint="grid-2xl"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
-        gridBreakPoint=""
+        gridBreakPoint="grid-2xl"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table"
-          data-ouia-component-id="OUIA-Generated-Table-14"
+          className="pf-c-table pf-m-grid-2xl"
+          data-ouia-component-id="OUIA-Generated-Table-24"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -139740,6 +170728,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -139750,6 +170740,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -139827,6 +170819,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -139836,6 +170830,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -139863,6 +170859,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -139872,6 +170870,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -139899,6 +170899,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -139908,6 +170910,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -139935,6 +170939,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -139944,6 +170950,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -143237,24 +174245,16 @@ exports[`Table variants Breakpoint -  1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-95"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-95"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-95"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-93"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -143266,14 +174266,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -143281,14 +174300,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -143296,14 +174334,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -143311,14 +174368,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -143326,14 +174402,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -143696,24 +174791,16 @@ exports[`Table variants Breakpoint -  1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-97"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-97"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-97"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-94"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -143725,14 +174812,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -143740,14 +174846,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -143755,14 +174880,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -143770,14 +174914,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -143785,14 +174948,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -144155,24 +175337,16 @@ exports[`Table variants Breakpoint -  1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-99"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-99"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-99"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-95"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -144184,14 +175358,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -144199,14 +175392,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -144214,14 +175426,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -144229,14 +175460,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -144244,14 +175494,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -144614,24 +175883,16 @@ exports[`Table variants Breakpoint -  1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-101"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-101"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-101"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-96"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -144643,14 +175904,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -144658,14 +175938,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -144673,14 +175972,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -144688,14 +176006,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -144703,14 +176040,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -145073,24 +176429,16 @@ exports[`Table variants Breakpoint -  1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-103"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-103"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-103"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-97"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -145102,14 +176450,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -145117,14 +176484,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -145132,14 +176518,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -145147,14 +176552,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -145162,14 +176586,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -145532,24 +176975,16 @@ exports[`Table variants Breakpoint -  1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-105"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-105"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-105"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-98"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -145561,14 +176996,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -145576,14 +177030,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -145591,14 +177064,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -145606,14 +177098,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -145621,14 +177132,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -145991,24 +177521,16 @@ exports[`Table variants Breakpoint -  1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-107"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-107"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-107"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-99"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -146020,14 +177542,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -146035,14 +177576,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -146050,14 +177610,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -146065,14 +177644,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -146080,14 +177678,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -146450,24 +178067,16 @@ exports[`Table variants Breakpoint -  1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-109"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-109"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-109"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-100"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -146479,14 +178088,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -146494,14 +178122,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -146509,14 +178156,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -146524,14 +178190,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -146539,14 +178224,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -146909,24 +178613,16 @@ exports[`Table variants Breakpoint -  1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-111"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-111"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-111"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-101"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -146938,14 +178634,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -146953,14 +178668,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -146968,14 +178702,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -146983,14 +178736,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -146998,14 +178770,33 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -147027,7 +178818,7 @@ exports[`Table variants Breakpoint -  1`] = `
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid 1`] = `
+exports[`Table variants Breakpoint - grid-lg 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -147055,7 +178846,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid"
+  gridBreakPoint="grid-lg"
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -147150,7 +178941,6 @@ exports[`Table variants Breakpoint - grid 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -147377,7 +179167,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
         },
       ]
     }
-    gridBreakPoint="grid"
+    gridBreakPoint="grid-lg"
     isStickyHeader={false}
     ouiaSafe={true}
     renderers={
@@ -147393,30 +179183,31 @@ exports[`Table variants Breakpoint - grid 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
-      gridBreakPoint="grid"
+      gridBreakPoint="grid-lg"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
-        gridBreakPoint="grid"
+        gridBreakPoint="grid-lg"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid"
-          data-ouia-component-id="OUIA-Generated-Table-16"
+          className="pf-c-table pf-m-grid-lg"
+          data-ouia-component-id="OUIA-Generated-Table-20"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -147960,6 +179751,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -147970,6 +179763,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -148047,6 +179842,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -148056,6 +179853,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -148083,6 +179882,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -148092,6 +179893,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -148119,6 +179922,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -148128,6 +179933,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -148155,6 +179962,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -148164,6 +179973,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -151457,24 +183268,16 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-113"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-113"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-113"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-75"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -151486,14 +183289,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -151501,14 +183323,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -151516,14 +183357,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -151531,14 +183391,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -151546,14 +183425,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -151916,24 +183814,16 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-115"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-115"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-115"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-76"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -151945,14 +183835,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -151960,14 +183869,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -151975,14 +183903,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -151990,14 +183937,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -152005,14 +183971,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -152375,24 +184360,16 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-117"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-117"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-117"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-77"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -152404,14 +184381,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -152419,14 +184415,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -152434,14 +184449,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -152449,14 +184483,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -152464,14 +184517,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -152834,24 +184906,16 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-119"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-119"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-119"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-78"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -152863,14 +184927,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -152878,14 +184961,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -152893,14 +184995,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -152908,14 +185029,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -152923,14 +185063,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -153293,24 +185452,16 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-121"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-121"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-121"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-79"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -153322,14 +185473,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -153337,14 +185507,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -153352,14 +185541,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -153367,14 +185575,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -153382,14 +185609,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -153752,24 +185998,16 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-123"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-123"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-123"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-80"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -153781,14 +186019,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -153796,14 +186053,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -153811,14 +186087,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -153826,14 +186121,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -153841,14 +186155,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -154211,24 +186544,16 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-125"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-125"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-125"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-81"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -154240,14 +186565,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -154255,14 +186599,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -154270,14 +186633,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -154285,14 +186667,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -154300,14 +186701,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -154670,24 +187090,16 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-127"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-127"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-127"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-82"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -154699,14 +187111,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -154714,14 +187145,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -154729,14 +187179,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -154744,14 +187213,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -154759,14 +187247,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -155129,24 +187636,16 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-129"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-129"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-129"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-83"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -155158,14 +187657,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -155173,14 +187691,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -155188,14 +187725,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -155203,14 +187759,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -155218,14 +187793,33 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -155247,7 +187841,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid-2xl 1`] = `
+exports[`Table variants Breakpoint - grid-md 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -155275,7 +187869,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-2xl"
+  gridBreakPoint="grid-md"
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -155370,7 +187964,6 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -155597,7 +188190,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
         },
       ]
     }
-    gridBreakPoint="grid-2xl"
+    gridBreakPoint="grid-md"
     isStickyHeader={false}
     ouiaSafe={true}
     renderers={
@@ -155613,30 +188206,31 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
-      gridBreakPoint="grid-2xl"
+      gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
-        gridBreakPoint="grid-2xl"
+        gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid-2xl"
-          data-ouia-component-id="OUIA-Generated-Table-24"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-18"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -156180,6 +188774,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -156190,6 +188786,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -156267,6 +188865,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -156276,6 +188876,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -156303,6 +188905,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -156312,6 +188916,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -156339,6 +188945,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -156348,6 +188956,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -156375,6 +188985,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -156384,6 +188996,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -159677,24 +192291,16 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-185"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-185"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-185"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-66"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -159706,14 +192312,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -159721,14 +192346,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -159736,14 +192380,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -159751,14 +192414,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -159766,14 +192448,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -160136,24 +192837,16 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-187"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-187"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-187"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-67"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -160165,14 +192858,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -160180,14 +192892,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -160195,14 +192926,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -160210,14 +192960,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -160225,14 +192994,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -160595,24 +193383,16 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-189"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-189"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-189"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-68"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -160624,14 +193404,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -160639,14 +193438,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -160654,14 +193472,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -160669,14 +193506,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -160684,14 +193540,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -161054,24 +193929,16 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-191"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-191"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-191"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-69"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -161083,14 +193950,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -161098,14 +193984,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -161113,14 +194018,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -161128,14 +194052,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -161143,14 +194086,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -161513,24 +194475,16 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-193"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-193"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-193"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-70"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -161542,14 +194496,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -161557,14 +194530,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -161572,14 +194564,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -161587,14 +194598,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -161602,14 +194632,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -161972,24 +195021,16 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-195"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-195"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-195"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-71"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -162001,14 +195042,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -162016,14 +195076,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -162031,14 +195110,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -162046,14 +195144,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -162061,14 +195178,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -162431,24 +195567,16 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-197"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-197"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-197"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-72"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -162460,14 +195588,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -162475,14 +195622,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -162490,14 +195656,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -162505,14 +195690,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -162520,14 +195724,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -162890,24 +196113,16 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-199"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-199"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-199"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-73"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -162919,14 +196134,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -162934,14 +196168,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -162949,14 +196202,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -162964,14 +196236,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -162979,14 +196270,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -163349,24 +196659,16 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-201"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-201"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-201"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-74"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -163378,14 +196680,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -163393,14 +196714,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -163408,14 +196748,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -163423,14 +196782,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -163438,14 +196816,33 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -163467,7 +196864,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid-lg 1`] = `
+exports[`Table variants Breakpoint - grid-xl 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -163495,7 +196892,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-lg"
+  gridBreakPoint="grid-xl"
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -163590,7 +196987,6 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -163817,7 +197213,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
         },
       ]
     }
-    gridBreakPoint="grid-lg"
+    gridBreakPoint="grid-xl"
     isStickyHeader={false}
     ouiaSafe={true}
     renderers={
@@ -163833,30 +197229,31 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
-      gridBreakPoint="grid-lg"
+      gridBreakPoint="grid-xl"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
-        gridBreakPoint="grid-lg"
+        gridBreakPoint="grid-xl"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid-lg"
-          data-ouia-component-id="OUIA-Generated-Table-20"
+          className="pf-c-table pf-m-grid-xl"
+          data-ouia-component-id="OUIA-Generated-Table-22"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -164400,6 +197797,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -164410,6 +197809,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -164487,6 +197888,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -164496,6 +197899,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -164523,6 +197928,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -164532,6 +197939,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -164559,6 +197968,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -164568,6 +197979,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -164595,6 +198008,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -164604,6 +198019,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -167897,24 +201314,16 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-149"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-149"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-149"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-84"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -167926,14 +201335,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -167941,14 +201369,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -167956,14 +201403,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -167971,14 +201437,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -167986,14 +201471,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -168356,24 +201860,16 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-151"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-151"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-151"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-85"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -168385,14 +201881,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -168400,14 +201915,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -168415,14 +201949,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -168430,14 +201983,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -168445,14 +202017,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -168815,24 +202406,16 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-153"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-153"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-153"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-86"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -168844,14 +202427,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -168859,14 +202461,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -168874,14 +202495,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -168889,14 +202529,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -168904,14 +202563,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -169274,24 +202952,16 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-155"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-155"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-155"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-87"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -169303,14 +202973,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -169318,14 +203007,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -169333,14 +203041,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -169348,14 +203075,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -169363,14 +203109,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -169733,24 +203498,16 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-157"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-157"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-157"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-88"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -169762,14 +203519,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -169777,14 +203553,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -169792,14 +203587,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -169807,14 +203621,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -169822,14 +203655,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -170192,24 +204044,16 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-159"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-159"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-159"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-89"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -170221,14 +204065,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -170236,14 +204099,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -170251,14 +204133,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -170266,14 +204167,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -170281,14 +204201,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -170651,24 +204590,16 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-161"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-161"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-161"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-90"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -170680,14 +204611,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -170695,14 +204645,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -170710,14 +204679,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -170725,14 +204713,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -170740,14 +204747,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -171110,24 +205136,16 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-163"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-163"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-163"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-91"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -171139,14 +205157,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -171154,14 +205191,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -171169,14 +205225,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -171184,14 +205259,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -171199,14 +205293,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -171569,24 +205682,16 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-165"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-165"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-165"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-92"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -171598,14 +205703,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -171613,14 +205737,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -171628,14 +205771,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -171643,14 +205805,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -171658,14 +205839,33 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -171687,7 +205887,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid-md 1`] = `
+exports[`Table variants Size - compact 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -171806,11 +206006,10 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
     ]
   }
   selectVariant="checkbox"
-  variant={null}
+  variant="compact"
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -172053,30 +206252,31 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
       }
     }
     role="grid"
+    variant="compact"
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant="compact"
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant="compact"
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-18"
+          className="pf-c-table pf-m-grid-md pf-m-compact"
+          data-ouia-component-id="OUIA-Generated-Table-26"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -172620,6 +206820,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -172630,6 +206832,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -172707,6 +206911,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -172716,6 +206922,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -172743,6 +206951,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -172752,6 +206962,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -172779,6 +206991,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -172788,6 +207002,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -172815,6 +207031,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -172824,6 +207042,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -176117,24 +210337,16 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-131"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-131"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-131"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-102"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -176146,14 +210358,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -176161,14 +210392,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -176176,14 +210426,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -176191,14 +210460,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -176206,14 +210494,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -176576,24 +210883,16 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-133"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-133"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-133"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-103"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -176605,14 +210904,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -176620,14 +210938,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -176635,14 +210972,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -176650,14 +211006,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -176665,14 +211040,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -177035,24 +211429,16 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-135"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-135"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-135"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-104"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -177064,14 +211450,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -177079,14 +211484,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -177094,14 +211518,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -177109,14 +211552,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -177124,14 +211586,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -177494,24 +211975,16 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-137"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-137"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-137"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-105"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -177523,14 +211996,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -177538,14 +212030,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -177553,14 +212064,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -177568,14 +212098,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -177583,14 +212132,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -177953,24 +212521,16 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-139"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-139"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-139"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-106"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -177982,14 +212542,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -177997,14 +212576,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -178012,14 +212610,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -178027,14 +212644,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -178042,14 +212678,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -178412,24 +213067,16 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-141"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-141"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-141"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-107"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -178441,14 +213088,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -178456,14 +213122,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -178471,14 +213156,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -178486,14 +213190,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -178501,14 +213224,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -178871,24 +213613,16 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-143"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-143"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-143"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-108"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -178900,14 +213634,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -178915,14 +213668,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -178930,14 +213702,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -178945,14 +213736,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -178960,14 +213770,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -179330,24 +214159,16 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-145"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-145"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-145"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-109"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -179359,14 +214180,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -179374,14 +214214,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -179389,14 +214248,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -179404,14 +214282,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -179419,14 +214316,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -179789,24 +214705,16 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-147"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-147"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-147"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-110"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -179818,14 +214726,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -179833,14 +214760,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -179848,14 +214794,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -179863,14 +214828,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -179878,14 +214862,33 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -179907,7 +214910,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid-xl 1`] = `
+exports[`Table variants Size - compactBorderless 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -179935,7 +214938,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-xl"
+  gridBreakPoint="grid-md"
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -180026,11 +215029,10 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
     ]
   }
   selectVariant="checkbox"
-  variant={null}
+  variant="compactBorderless"
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -180257,7 +215259,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
         },
       ]
     }
-    gridBreakPoint="grid-xl"
+    gridBreakPoint="grid-md"
     isStickyHeader={false}
     ouiaSafe={true}
     renderers={
@@ -180273,30 +215275,31 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
       }
     }
     role="grid"
+    variant="compactBorderless"
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
-      gridBreakPoint="grid-xl"
+      gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant="compactBorderless"
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
-        gridBreakPoint="grid-xl"
+        gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant="compactBorderless"
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid-xl"
-          data-ouia-component-id="OUIA-Generated-Table-22"
+          className="pf-c-table pf-m-grid-md pf-m-compact pf-m-no-border-rows"
+          data-ouia-component-id="OUIA-Generated-Table-28"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -180840,6 +215843,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -180850,6 +215855,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -180927,6 +215934,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -180936,6 +215945,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -180963,6 +215974,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -180972,6 +215985,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -180999,6 +216014,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -181008,6 +216025,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -181035,6 +216054,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -181044,6 +216065,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -184337,24 +219360,16 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-167"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-167"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-167"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-111"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -184366,14 +219381,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -184381,14 +219415,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -184396,14 +219449,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -184411,14 +219483,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -184426,14 +219517,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -184796,24 +219906,16 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-169"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-169"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-169"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-112"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -184825,14 +219927,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -184840,14 +219961,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -184855,14 +219995,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -184870,14 +220029,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -184885,14 +220063,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -185255,24 +220452,16 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-171"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-171"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-171"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-113"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -185284,14 +220473,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -185299,14 +220507,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -185314,14 +220541,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -185329,14 +220575,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -185344,14 +220609,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -185714,24 +220998,16 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-173"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-173"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-173"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-114"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -185743,14 +221019,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -185758,14 +221053,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -185773,14 +221087,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -185788,14 +221121,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -185803,14 +221155,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -186173,24 +221544,16 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-175"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-175"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-175"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-115"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -186202,14 +221565,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -186217,14 +221599,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -186232,14 +221633,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -186247,14 +221667,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -186262,14 +221701,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -186632,24 +222090,16 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-177"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-177"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-177"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-116"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -186661,14 +222111,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -186676,14 +222145,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -186691,14 +222179,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -186706,14 +222213,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -186721,14 +222247,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -187091,24 +222636,16 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-179"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-179"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-179"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-117"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -187120,14 +222657,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -187135,14 +222691,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -187150,14 +222725,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -187165,14 +222759,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -187180,14 +222793,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -187550,24 +223182,16 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-181"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-181"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-181"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-118"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -187579,14 +223203,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -187594,14 +223237,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -187609,14 +223271,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -187624,14 +223305,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -187639,14 +223339,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -188009,24 +223728,16 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-183"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-183"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-183"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-119"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -188038,14 +223749,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -188053,14 +223783,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -188068,14 +223817,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -188083,14 +223851,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -188098,14 +223885,33 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -188127,7 +223933,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
 </Table>
 `;
 
-exports[`Table variants Size - compact 1`] = `
+exports[`Table variants Size - compactExpandable 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -188246,11 +224052,10 @@ exports[`Table variants Size - compact 1`] = `
     ]
   }
   selectVariant="checkbox"
-  variant="compact"
+  variant="compactExpandable"
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -188493,30 +224298,31 @@ exports[`Table variants Size - compact 1`] = `
       }
     }
     role="grid"
+    variant="compactExpandable"
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant="compactExpandable"
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant="compactExpandable"
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-26"
+          className="pf-c-table pf-m-grid-md pf-m-compact pf-m-expandable"
+          data-ouia-component-id="OUIA-Generated-Table-30"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -189060,6 +224866,8 @@ exports[`Table variants Size - compact 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -189070,6 +224878,8 @@ exports[`Table variants Size - compact 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -189147,6 +224957,8 @@ exports[`Table variants Size - compact 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -189156,6 +224968,8 @@ exports[`Table variants Size - compact 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -189183,6 +224997,8 @@ exports[`Table variants Size - compact 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -189192,6 +225008,8 @@ exports[`Table variants Size - compact 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -189219,6 +225037,8 @@ exports[`Table variants Size - compact 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -189228,6 +225048,8 @@ exports[`Table variants Size - compact 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -189255,6 +225077,8 @@ exports[`Table variants Size - compact 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -189264,6 +225088,8 @@ exports[`Table variants Size - compact 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -192557,24 +228383,16 @@ exports[`Table variants Size - compact 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-203"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-203"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-203"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-120"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -192586,14 +228404,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -192601,14 +228438,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -192616,14 +228472,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -192631,14 +228506,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -192646,14 +228540,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -193016,24 +228929,16 @@ exports[`Table variants Size - compact 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-205"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-205"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-205"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-121"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -193045,14 +228950,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -193060,14 +228984,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -193075,14 +229018,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -193090,14 +229052,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -193105,14 +229086,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -193475,24 +229475,16 @@ exports[`Table variants Size - compact 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-207"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-207"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-207"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-122"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -193504,14 +229496,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -193519,14 +229530,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -193534,14 +229564,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -193549,14 +229598,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -193564,14 +229632,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -193934,24 +230021,16 @@ exports[`Table variants Size - compact 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-209"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-209"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-209"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-123"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -193963,14 +230042,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -193978,14 +230076,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -193993,14 +230110,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -194008,14 +230144,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -194023,14 +230178,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -194393,24 +230567,16 @@ exports[`Table variants Size - compact 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-211"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-211"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-211"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-124"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -194422,14 +230588,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -194437,14 +230622,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -194452,14 +230656,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -194467,14 +230690,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -194482,14 +230724,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -194852,24 +231113,16 @@ exports[`Table variants Size - compact 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-213"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-213"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-213"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-125"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -194881,14 +231134,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -194896,14 +231168,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -194911,14 +231202,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -194926,14 +231236,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -194941,14 +231270,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -195311,24 +231659,16 @@ exports[`Table variants Size - compact 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-215"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-215"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-215"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-126"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -195340,14 +231680,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -195355,14 +231714,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -195370,14 +231748,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -195385,14 +231782,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -195400,14 +231816,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -195770,24 +232205,16 @@ exports[`Table variants Size - compact 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-217"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-217"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-217"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-127"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -195799,14 +232226,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -195814,14 +232260,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -195829,14 +232294,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -195844,14 +232328,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -195859,14 +232362,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
@@ -196229,24 +232751,16 @@ exports[`Table variants Size - compact 1`] = `
                             >
                               <BaseTableBodyRow
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-219"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
                                 onMouseDown={[Function]}
                               >
                                 <BaseTableBodyRowBase
                                   className=""
-                                  data-ouia-component-id="OUIA-Generated-TableRow-219"
-                                  data-ouia-component-type="PF4/TableRow"
-                                  data-ouia-safe={true}
-                                  hidden={false}
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-219"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-128"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -196258,14 +232772,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={0}
-                                        data-label="Header cell"
+                                        dataLabel="Header cell"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        one
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -196273,14 +232806,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={1}
-                                        data-label="Branches"
+                                        dataLabel="Branches"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        two
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -196288,14 +232840,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={2}
-                                        data-label="Pull requests"
+                                        dataLabel="Pull requests"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        three
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -196303,14 +232874,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={3}
-                                        data-label="Workspaces"
+                                        dataLabel="Workspaces"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        four
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -196318,14 +232908,33 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <td
+                                      <BaseBodyCell
                                         className=""
+                                        component="td"
                                         data-key={4}
-                                        data-label="Last Commit"
+                                        dataLabel="Last Commit"
                                         onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        five
-                                      </td>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
                                     </BodyCell>
                                   </tr>
                                 </BaseTableBodyRowBase>
diff --git a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
index 836b3d2a6e7..214a2a946c4 100644
--- a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
+++ b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
@@ -125,7 +125,6 @@ exports[`Actions virtualized table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -414,25 +413,26 @@ exports[`Actions virtualized table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
@@ -1073,6 +1073,8 @@ exports[`Actions virtualized table 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -1083,6 +1085,8 @@ exports[`Actions virtualized table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -1160,6 +1164,8 @@ exports[`Actions virtualized table 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -1169,6 +1175,8 @@ exports[`Actions virtualized table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -1196,6 +1204,8 @@ exports[`Actions virtualized table 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -1205,6 +1215,8 @@ exports[`Actions virtualized table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -1232,6 +1244,8 @@ exports[`Actions virtualized table 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -1241,6 +1255,8 @@ exports[`Actions virtualized table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -1268,6 +1284,8 @@ exports[`Actions virtualized table 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -1277,6 +1295,8 @@ exports[`Actions virtualized table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -1304,6 +1324,9 @@ exports[`Actions virtualized table 1`] = `
                                     data-key={5}
                                     data-label=""
                                     onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -1312,6 +1335,9 @@ exports[`Actions virtualized table 1`] = `
                                       data-label=""
                                       innerRef={null}
                                       onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <td
                                         aria-sort={null}
@@ -1319,7 +1345,7 @@ exports[`Actions virtualized table 1`] = `
                                         data-key={5}
                                         data-label=""
                                         onMouseEnter={[Function]}
-                                        scope="col"
+                                        scope=""
                                       />
                                     </BaseHeaderCellBase>
                                   </BaseHeaderCell>
@@ -1466,7 +1492,6 @@ exports[`Selectable virtualized table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -1755,25 +1780,26 @@ exports[`Selectable virtualized table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
@@ -2413,6 +2439,9 @@ exports[`Selectable virtualized table 1`] = `
                                     data-key={0}
                                     data-label=""
                                     onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className="pf-c-table__check"
@@ -2421,6 +2450,9 @@ exports[`Selectable virtualized table 1`] = `
                                       data-label=""
                                       innerRef={null}
                                       onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <td
                                         aria-sort={null}
@@ -2428,7 +2460,7 @@ exports[`Selectable virtualized table 1`] = `
                                         data-key={0}
                                         data-label=""
                                         onMouseEnter={[Function]}
-                                        scope="col"
+                                        scope=""
                                       >
                                         <SelectColumn
                                           aria-label="Select all rows"
@@ -2465,6 +2497,8 @@ exports[`Selectable virtualized table 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -2475,6 +2509,8 @@ exports[`Selectable virtualized table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -2552,6 +2588,8 @@ exports[`Selectable virtualized table 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -2561,6 +2599,8 @@ exports[`Selectable virtualized table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -2588,6 +2628,8 @@ exports[`Selectable virtualized table 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -2597,6 +2639,8 @@ exports[`Selectable virtualized table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -2624,6 +2668,8 @@ exports[`Selectable virtualized table 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -2633,6 +2679,8 @@ exports[`Selectable virtualized table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -2660,6 +2708,8 @@ exports[`Selectable virtualized table 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -2669,6 +2719,8 @@ exports[`Selectable virtualized table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -2856,7 +2908,6 @@ exports[`Simple Actions table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -3259,25 +3310,26 @@ exports[`Simple Actions table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
@@ -4146,6 +4198,8 @@ exports[`Simple Actions table 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -4156,6 +4210,8 @@ exports[`Simple Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -4233,6 +4289,8 @@ exports[`Simple Actions table 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -4242,6 +4300,8 @@ exports[`Simple Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -4269,6 +4329,8 @@ exports[`Simple Actions table 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -4278,6 +4340,8 @@ exports[`Simple Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -4305,6 +4369,8 @@ exports[`Simple Actions table 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -4314,6 +4380,8 @@ exports[`Simple Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -4341,6 +4409,8 @@ exports[`Simple Actions table 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -4350,6 +4420,8 @@ exports[`Simple Actions table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -4377,6 +4449,9 @@ exports[`Simple Actions table 1`] = `
                                     data-key={5}
                                     data-label=""
                                     onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -4385,6 +4460,9 @@ exports[`Simple Actions table 1`] = `
                                       data-label=""
                                       innerRef={null}
                                       onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <td
                                         aria-sort={null}
@@ -4392,7 +4470,7 @@ exports[`Simple Actions table 1`] = `
                                         data-key={5}
                                         data-label=""
                                         onMouseEnter={[Function]}
-                                        scope="col"
+                                        scope=""
                                       />
                                     </BaseHeaderCellBase>
                                   </BaseHeaderCell>
@@ -4535,7 +4613,6 @@ exports[`Simple virtualized table aria-label 1`] = `
 >
   <Provider
     aria-label="Virtual Table Test"
-    borders={true}
     className=""
     columns={
       Array [
@@ -4777,25 +4854,26 @@ exports[`Simple virtualized table aria-label 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Virtual Table Test"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Virtual Table Test"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Virtual Table Test"
@@ -5339,6 +5417,8 @@ exports[`Simple virtualized table aria-label 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -5348,6 +5428,8 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -5375,6 +5457,8 @@ exports[`Simple virtualized table aria-label 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -5384,6 +5468,8 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -5411,6 +5497,8 @@ exports[`Simple virtualized table aria-label 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -5420,6 +5508,8 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -5447,6 +5537,8 @@ exports[`Simple virtualized table aria-label 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -5456,6 +5548,8 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -5483,6 +5577,8 @@ exports[`Simple virtualized table aria-label 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -5492,6 +5588,8 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -5644,7 +5742,6 @@ exports[`Simple virtualized table className 1`] = `
 >
   <Provider
     aria-label="Virtual Table Test"
-    borders={true}
     className=""
     columns={
       Array [
@@ -5886,25 +5983,26 @@ exports[`Simple virtualized table className 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Virtual Table Test"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Virtual Table Test"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Virtual Table Test"
@@ -6448,6 +6546,8 @@ exports[`Simple virtualized table className 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -6457,6 +6557,8 @@ exports[`Simple virtualized table className 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -6484,6 +6586,8 @@ exports[`Simple virtualized table className 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -6493,6 +6597,8 @@ exports[`Simple virtualized table className 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -6520,6 +6626,8 @@ exports[`Simple virtualized table className 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -6529,6 +6637,8 @@ exports[`Simple virtualized table className 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -6556,6 +6666,8 @@ exports[`Simple virtualized table className 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -6565,6 +6677,8 @@ exports[`Simple virtualized table className 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -6592,6 +6706,8 @@ exports[`Simple virtualized table className 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -6601,6 +6717,8 @@ exports[`Simple virtualized table className 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -6758,7 +6876,6 @@ exports[`Sortable Virtualized Table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    borders={true}
     className=""
     columns={
       Array [
@@ -7001,25 +7118,26 @@ exports[`Sortable Virtualized Table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
     <BaseTable
       aria-label="Aria labeled"
-      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
+      variant={null}
     >
       <BaseTableBase
         aria-label="Aria labeled"
-        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
@@ -7568,6 +7686,8 @@ exports[`Sortable Virtualized Table 1`] = `
                                     data-label="Header cell"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       aria-sort="none"
@@ -7578,6 +7698,8 @@ exports[`Sortable Virtualized Table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort="none"
@@ -7656,6 +7778,8 @@ exports[`Sortable Virtualized Table 1`] = `
                                     data-label="Branches"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -7665,6 +7789,8 @@ exports[`Sortable Virtualized Table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -7692,6 +7818,8 @@ exports[`Sortable Virtualized Table 1`] = `
                                     data-label="Pull requests"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -7701,6 +7829,8 @@ exports[`Sortable Virtualized Table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -7728,6 +7858,8 @@ exports[`Sortable Virtualized Table 1`] = `
                                     data-label="Workspaces"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -7737,6 +7869,8 @@ exports[`Sortable Virtualized Table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}
@@ -7764,6 +7898,8 @@ exports[`Sortable Virtualized Table 1`] = `
                                     data-label="Last Commit"
                                     onMouseEnter={[Function]}
                                     scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
                                     <BaseHeaderCellBase
                                       className=""
@@ -7773,6 +7909,8 @@ exports[`Sortable Virtualized Table 1`] = `
                                       innerRef={null}
                                       onMouseEnter={[Function]}
                                       scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
                                       <th
                                         aria-sort={null}

From 9ab52c566094bffb6e0af7e4e9b239ca792908d5 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Wed, 21 Oct 2020 16:31:08 -0400
Subject: [PATCH 11/29] wip

---
 .../src/components/BaseTable/BaseBodyCell.tsx |  43 +-
 .../components/BaseTable/BaseHeaderCell.tsx   |  23 +-
 .../Table/examples/ComposableTable.md         | 852 ++++++++++++++----
 .../src/components/Table/examples/Table.md    |   9 +-
 .../Table/utils/decorators/classNames.ts      |  10 +-
 5 files changed, 733 insertions(+), 204 deletions(-)

diff --git a/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx b/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
index 86f8796fd19..5c0da43edab 100644
--- a/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
@@ -14,9 +14,14 @@ import {
   IFormatterValueType,
   collapsible,
   IRowData,
-  IExtraData
+  IExtraData,
+  compoundExpand,
+  cellWidth,
+  Visibility,
+  classNames
 } from '../Table';
 import { mergeProps } from '../Table/base/merge-props';
+import { IVisibility } from '../Table/utils/decorators/classNames';
 import {
   DropdownDirection,
   DropdownPosition
@@ -60,8 +65,10 @@ export interface BaseBodyCellProps extends Omit<React.HTMLProps<HTMLTableDataCel
   actionsDropdownPosition?: DropdownPosition;
   /** Actions dropdown direction */
   actionsDropdownDirection?: DropdownDirection;
-  /** Turns the cell into an expansion toggle */
+  /** Turns the cell into an expansion toggle and determines if the corresponding expansion row is open */
   isExpanded?: boolean;
+  /** Turns the cell into a compound expansion toggle and determines if the corresponding expansion row is open */
+  isCompoundExpanded?: boolean;
   /** On toggling the expansion */
   onCollapse?: (
     event: React.MouseEvent,
@@ -72,6 +79,10 @@ export interface BaseBodyCellProps extends Omit<React.HTMLProps<HTMLTableDataCel
   ) => undefined;
   /** True to remove padding */
   noPadding?: boolean;
+  /** Width percentage modifier */
+  width?: 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 60 | 70 | 80 | 90 | 100;
+  /** Visibility breakpoint modifiers */
+  visibility?: (keyof IVisibility)[];
   /** Forwarded ref */
   innerRef?: React.Ref<any>;
 }
@@ -95,8 +106,11 @@ const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
   actionsDropdownPosition,
   actionsDropdownDirection,
   isExpanded = null,
+  isCompoundExpanded = null,
   onCollapse,
   noPadding,
+  width,
+  visibility,
   innerRef,
   ...props
 }: BaseBodyCellProps) => {
@@ -161,11 +175,31 @@ const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
           }) */
         )
       : null;
+  const compoundParams = isCompoundExpanded !== null
+    ? compoundExpand(
+        {
+          title: children,
+          props: {
+            isOpen: isCompoundExpanded
+          }
+        } as IFormatterValueType,
+        {
+          columnIndex,
+          rowIndex,
+          column: {
+            extraParams: {}
+          }
+        }
+      )
+    : null;
+  const widthParams = width ? cellWidth(width)() : null;
+  const visibilityParams = visibility ? classNames(...visibility.map((vis: keyof IVisibility) => Visibility[vis]))() : null;
   const Component: any = (selectParams && selectParams.component) || component;
   const transformedChildren =
     (selectParams && selectParams.children) ||
     (actionParams && actionParams.children) ||
     (expandableParams && expandableParams.children) ||
+    (compoundParams && compoundParams.children) ||
     children;
   return (
     <Component
@@ -178,7 +212,10 @@ const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
         selectParams && selectParams.className,
         actionParams && actionParams.className,
         expandableParams && expandableParams.className,
-        modifier && styles.modifiers[modifier as 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap']
+        compoundParams && compoundParams.className,
+        modifier && styles.modifiers[modifier as 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap'],
+        widthParams && widthParams.className,
+        visibilityParams && visibilityParams.className
       )}
       ref={innerRef}
       {...props}
diff --git a/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx b/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
index 5d25297f0c7..1a114cc8c38 100644
--- a/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
@@ -9,8 +9,12 @@ import {
   IFormatterValueType,
   IColumn,
   ISortBy,
-  OnSort
+  OnSort,
+  cellWidth,
+  Visibility,
+  classNames
 } from '../Table';
+import { IVisibility } from '../Table/utils/decorators/classNames';
 import { Tooltip } from '@patternfly/react-core/dist/js/components/Tooltip/Tooltip';
 
 export interface BaseHeaderCellProps extends Omit<React.HTMLProps<HTMLTableHeaderCellElement>, 'onSelect'> {
@@ -40,8 +44,6 @@ export interface BaseHeaderCellProps extends Omit<React.HTMLProps<HTMLTableHeade
   selectVariant?: 'checkbox' | 'radio';
   /** Whether all rows are selected */
   allRowsSelected?: boolean;
-  /** Forwarded ref */
-  innerRef?: React.Ref<any>;
   /**
    * Tooltip to show on the header cell
    * Note: If the header cell is truncated and has simple string content, it will already attempt to display the header text
@@ -51,6 +53,12 @@ export interface BaseHeaderCellProps extends Omit<React.HTMLProps<HTMLTableHeade
   tooltip?: React.ReactNode;
   /** Callback on mouse enter */
   onMouseEnter?: (event: any) => void;
+  /** Width percentage modifier */
+  width?: 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 60 | 70 | 80 | 90 | 100;
+  /** Visibility breakpoint modifiers */
+  visibility?: (keyof IVisibility)[];
+  /** Forwarded ref */
+  innerRef?: React.Ref<any>;
 }
 
 const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
@@ -69,6 +77,8 @@ const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
   allRowsSelected,
   tooltip = '',
   onMouseEnter: onMouseEnterProp = () => {},
+  width,
+  visibility,
   innerRef,
   ...props
 }: BaseHeaderCellProps) => {
@@ -107,10 +117,11 @@ const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
         }
       })
     : null;
+  const widthParams = width ? cellWidth(width)() : null;
+  const visibilityParams = visibility ? classNames(...visibility.map((vis: keyof IVisibility) => Visibility[vis]))() : null;
   const Component: any = (sortParams && sortParams.component) || (selectParams && selectParams.component) || component;
   const transformedChildren =
     (sortParams && sortParams.children) || (selectParams && selectParams.children) || children;
-  // const canShowTooltip = tooltip !== null && ((tooltip === '' && typeof children === 'string') || tooltip !== '');
   const cell = (
     <Component
       onMouseEnter={tooltip !== null ? onMouseEnter : onMouseEnterProp}
@@ -124,7 +135,9 @@ const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
         textCenter && styles.modifiers.center,
         sortParams && sortParams.className,
         selectParams && selectParams.className,
-        modifier && styles.modifiers[modifier as 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap']
+        modifier && styles.modifiers[modifier as 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap'],
+        widthParams && widthParams.className,
+        visibilityParams && visibilityParams.className
       )}
       {...props}
     >
diff --git a/packages/react-table/src/components/Table/examples/ComposableTable.md b/packages/react-table/src/components/Table/examples/ComposableTable.md
index cbdfdeaae27..b700cecefa7 100644
--- a/packages/react-table/src/components/Table/examples/ComposableTable.md
+++ b/packages/react-table/src/components/Table/examples/ComposableTable.md
@@ -4,56 +4,27 @@ cssPrefix: pf-c-table
 section: components
 propComponents:
   [
-    'Table',
-    'TableHeader',
-    'TableBody',
-    'EditableSelectInputCell',
-    'EditableTextCell',
-    'RowErrors',
-    'IHeaderRow',
-    'IRowData',
-    'IColumn',
-    'IExtraRowData',
-    'IExtraColumnData',
-    'ISortBy',
-    'IAction',
-    'ISeparator',
-    'ICell',
-    'IRowCell',
-    'IValidatorDef',
-    'IRow',
+    'BaseTable',
+    'BaseTableCaption',
+    'BaseTableHead',
+    'BaseTableBody',
+    'BaseTableHeaderRow',
+    'BaseTableBodyRow',
+    'BaseHeaderCell',
+    'BaseBodyCell',
   ]
 ouia: true
+beta: true
 ---
 
 Note: Table lives in its own package at [@patternfly/react-table](https://www.npmjs.com/package/@patternfly/react-table)!
 
 import {
-Table,
-TableHeader,
-TableBody,
-TableText,
-sortable,
-SortByDirection,
-headerCol,
-TableVariant,
-expandable,
-compoundExpand,
-cellWidth,
-textCenter,
-wrappable,
-truncate,
-nowrap,
-breakWord,
-fitContent,
 classNames,
 Visibility,
-getErrorTextByValidator,
-cancelCellEdits,
-validateCellEdits,
-applyCellEdits,
-EditableTextCell,
-EditableSelectInputCell,
+TableText,
+HeaderCellInfoWrapper,
+ExpandableRowContent,
 BaseTable,
 BaseTableCaption,
 BaseTableHead,
@@ -61,9 +32,7 @@ BaseTableBody,
 BaseTableHeaderRow,
 BaseTableBodyRow,
 BaseHeaderCell,
-BaseBodyCell,
-HeaderCellInfoWrapper,
-ExpandableRowContent
+BaseBodyCell
 } from '@patternfly/react-table';
 
 import {
@@ -77,16 +46,18 @@ import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-ic
 import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
 import CubeIcon from '@patternfly/react-icons/dist/js/icons/cube-icon';
 
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/Table/table';
-
 import DemoSortableTable from './DemoSortableTable';
 
 ## Composable table examples
 
-### Composable: Basic, Row click handler, Custom row wrapper
+### Composable: Basic
+
+A basic example using the Base\* table components. Some general notes:
 
-```js
+- Provide `dataLabel` prop to the `BaseBodyCell` components so that in mobile view the cell has a label to provide context.
+- If you want a table caption, simply place a `<BaseTableCaption>My caption</BaseTableCaption>` as the first child within a `BaseTable`.
+
+```js isBeta
 import React from 'react';
 import {
   BaseTable,
@@ -96,10 +67,71 @@ import {
   BaseTableBodyRow,
   BaseHeaderCell,
   BaseBodyCell,
-  HeaderCellInfoWrapper
+  BaseTableCaption
 } from '@patternfly/react-table';
 
 ComposableTableBasic = () => {
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit'
+  ]);
+  const [data, setData] = React.useState([
+    ['one', 'two', 'three', 'four', 'five'],
+    ['one - 2', null, null, 'four - 2', 'five - 2'],
+    ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3']
+  ]);
+  return (
+    <BaseTable aria-label="Simple table using composable components">
+      <BaseTableCaption>Simple table using composable components</BaseTableCaption>
+      <BaseTableHead>
+        <BaseTableHeaderRow>
+          {columns.map((column, columnIndex) => (
+            <BaseHeaderCell key={columnIndex}>{column}</BaseHeaderCell>
+          ))}
+        </BaseTableHeaderRow>
+      </BaseTableHead>
+      <BaseTableBody>
+        {data.map((row, rowIndex) => (
+          <BaseTableBodyRow key={rowIndex}>
+            {row.map((cell, cellIndex) => (
+              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+                {cell}
+              </BaseBodyCell>
+            ))}
+          </BaseTableBodyRow>
+        ))}
+      </BaseTableBody>
+    </BaseTable>
+  );
+};
+```
+
+### Composable: Row click handler, Custom row wrapper, header tooltips & popovers
+
+This example demonstrates customizing rows, adding tooltip and popover information to header items, and some other misc. props.
+
+- You can wrap the header cell contents in a `HeaderCellInfoWrapper` component to give it a tooltip or popover
+- If you add the `noWrap` prop to `BaseTableHead`, it won't wrap it if there is no space
+- You can add the `textCenter` prop to `BaseHeaderCell` or `BaseBodyCell` to center the contents
+- You can pass `onClick`, `className`, `style` and more to `BaseTableBodyRow`
+
+```js isBeta
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  HeaderCellInfoWrapper
+} from '@patternfly/react-table';
+
+ComposableTableMisc = () => {
   const [columns, setColumns] = React.useState([
     'Repositories',
     'Branches',
@@ -112,7 +144,7 @@ ComposableTableBasic = () => {
     ['one - 2', null, null, 'four - 2', 'five - 2'],
     ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3 (not centered)']
   ]);
-  // map additional configuration to the data
+  // map additional configuration to the incoming data anyway you want to
   // key: row_column
   const dataConfig = {
     '1_0': {
@@ -127,10 +159,10 @@ ComposableTableBasic = () => {
     console.log(`handle row click ${rowIndex}`, row);
   };
   return (
-    <BaseTable aria-label="Simple Table">
+    <BaseTable aria-label="Misc table">
       <BaseTableHead noWrap>
         <BaseTableHeaderRow>
-          <BaseHeaderCell columnIndex={0} dataLabel={columns[0]}>
+          <BaseHeaderCell>
             <HeaderCellInfoWrapper
               variant="tooltip"
               info="More information about repositories"
@@ -142,10 +174,8 @@ ComposableTableBasic = () => {
               {columns[0]}
             </HeaderCellInfoWrapper>
           </BaseHeaderCell>
-          <BaseHeaderCell columnIndex={1} dataLabel={columns[0]}>
-            {columns[1]}
-          </BaseHeaderCell>
-          <BaseHeaderCell columnIndex={2} dataLabel={columns[2]}>
+          <BaseHeaderCell>{columns[1]}</BaseHeaderCell>
+          <BaseHeaderCell>
             <HeaderCellInfoWrapper
               variant="popover"
               info={
@@ -162,12 +192,8 @@ ComposableTableBasic = () => {
               {columns[2]}
             </HeaderCellInfoWrapper>
           </BaseHeaderCell>
-          <BaseHeaderCell columnIndex={3} dataLabel={columns[3]}>
-            {columns[3]}
-          </BaseHeaderCell>
-          <BaseHeaderCell columnIndex={4} dataLabel={columns[4]} textCenter>
-            {columns[4]}
-          </BaseHeaderCell>
+          <BaseHeaderCell>{columns[3]}</BaseHeaderCell>
+          <BaseHeaderCell textCenter>{columns[4]}</BaseHeaderCell>
         </BaseTableHeaderRow>
       </BaseTableHead>
       <BaseTableBody>
@@ -211,7 +237,9 @@ ComposableTableBasic = () => {
 
 ### Composable: Sortable, Sortable with wrapping headers
 
-```js
+This example demonstrates making columns sortable, and wrapping header text. For sorting it is also important to pass the `columnIndex` to the `BaseHeaderCell`.
+
+```js isBeta
 import React from 'react';
 import {
   BaseTable,
@@ -220,8 +248,7 @@ import {
   BaseTableHeaderRow,
   BaseTableBodyRow,
   BaseHeaderCell,
-  BaseBodyCell,
-  HeaderCellInfoWrapper
+  BaseBodyCell
 } from '@patternfly/react-table';
 
 ComposableTableSortable = () => {
@@ -241,7 +268,7 @@ ComposableTableSortable = () => {
   const [activeSortIndex, setActiveSortIndex] = React.useState(-1);
   // sort direction of the currently active column
   const [activeSortDirection, setActiveSortDirection] = React.useState('none');
-  const onSort = (event, index, direction, extraData) => {
+  const onSort = (event, index, direction) => {
     setActiveSortIndex(index);
     setActiveSortDirection(direction);
     // sorts the row data
@@ -266,46 +293,32 @@ ComposableTableSortable = () => {
     <BaseTable aria-label="Sortable Table">
       <BaseTableHead>
         <BaseTableHeaderRow>
-          <BaseHeaderCell
-            columnIndex={0}
-            modifier="wrap"
-            activeSortIndex={activeSortIndex}
-            activeSortDirection={activeSortDirection}
-            onSort={onSort}
-          >
-            {columns[0]}
-          </BaseHeaderCell>
-          <BaseHeaderCell columnIndex={1} modifier="wrap">
-            {columns[1]}
-          </BaseHeaderCell>
-          <BaseHeaderCell
-            columnIndex={2}
-            modifier="wrap"
-            activeSortIndex={activeSortIndex}
-            activeSortDirection={activeSortDirection}
-            onSort={onSort}
-          >
-            {columns[2]}
-          </BaseHeaderCell>
-          <BaseHeaderCell columnIndex={3} modifier="wrap">
-            {columns[3]}
-          </BaseHeaderCell>
-          <BaseHeaderCell
-            columnIndex={4}
-            modifier="wrap"
-            activeSortIndex={activeSortIndex}
-            activeSortDirection={activeSortDirection}
-            onSort={onSort}
-          >
-            {columns[4]}
-          </BaseHeaderCell>
+          {columns.map((column, columnIndex) => {
+            // In this example, wrap all but the first column just to demonstrate
+            const modifier = columnIndex !== 0 ? 'wrap' : null;
+            // In this example, make the 1st and 3rd columns sortable
+            const sortParams =
+              columnIndex === 0 || columnIndex === 2
+                ? {
+                    activeSortIndex,
+                    activeSortDirection,
+                    onSort,
+                    columnIndex
+                  }
+                : {};
+            return (
+              <BaseHeaderCell key={columnIndex} modifier={modifier} {...sortParams}>
+                {column}
+              </BaseHeaderCell>
+            );
+          })}
         </BaseTableHeaderRow>
       </BaseTableHead>
       <BaseTableBody>
         {data.map((row, rowIndex) => (
           <BaseTableBodyRow key={rowIndex}>
             {row.map((cell, cellIndex) => (
-              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
+              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
                 {cell}
               </BaseBodyCell>
             ))}
@@ -319,7 +332,10 @@ ComposableTableSortable = () => {
 
 ### Composable: Selectable
 
-```js
+This example demonstrates row selection. The selection column is just another column, but with selection specific props added. We add it as the first header cell and also as the first body cell for each row.
+Be sure to also add `columnIndex` to `BaseHeaderCell` and `columnIndex` as well as `rowIndex` to `BaseBodyCell`.
+
+```js isBeta
 import React from 'react';
 import {
   BaseTable,
@@ -328,8 +344,7 @@ import {
   BaseTableHeaderRow,
   BaseTableBodyRow,
   BaseHeaderCell,
-  BaseBodyCell,
-  HeaderCellInfoWrapper
+  BaseBodyCell
 } from '@patternfly/react-table';
 
 ComposableTableSelectable = () => {
@@ -414,7 +429,9 @@ ComposableTableSelectable = () => {
 
 ### Composable: Selectable radio input
 
-```js
+Similarly to the selectable example above, the radio buttons use the first column. The first header cell is empty, and each body row's first cell has radio button props. Just as with selectable, be sure to also add `columnIndex` to `BaseHeaderCell` and `columnIndex` as well as `rowIndex` to `BaseBodyCell`.
+
+```js isBeta
 import React from 'react';
 import {
   BaseTable,
@@ -423,8 +440,7 @@ import {
   BaseTableHeaderRow,
   BaseTableBodyRow,
   BaseHeaderCell,
-  BaseBodyCell,
-  HeaderCellInfoWrapper
+  BaseBodyCell
 } from '@patternfly/react-table';
 
 ComposableTableSelectableRadio = () => {
@@ -490,7 +506,9 @@ ComposableTableSelectableRadio = () => {
 
 ### Composable: Actions
 
-```js
+This example demonstrates adding actions as the last column. The header's last cell is an empty cell, and each body row's last cell is an action cell.
+
+```js isBeta
 import React from 'react';
 import {
   BaseTable,
@@ -499,8 +517,7 @@ import {
   BaseTableHeaderRow,
   BaseTableBodyRow,
   BaseHeaderCell,
-  BaseBodyCell,
-  HeaderCellInfoWrapper
+  BaseBodyCell
 } from '@patternfly/react-table';
 
 ComposableTableActions = () => {
@@ -588,7 +605,9 @@ ComposableTableActions = () => {
 
 ### Composable: Compact, Compact borderless
 
-```js
+You can set the `BaseTable` variant to `compact` or `compactBorderless`.
+
+```js isBeta
 import React from 'react';
 import {
   BaseTable,
@@ -597,8 +616,7 @@ import {
   BaseTableHeaderRow,
   BaseTableBodyRow,
   BaseHeaderCell,
-  BaseBodyCell,
-  HeaderCellInfoWrapper
+  BaseBodyCell
 } from '@patternfly/react-table';
 import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
 
@@ -639,18 +657,16 @@ ComposableTableCompact = () => {
       <BaseTable aria-label="Compact Table" variant={variant}>
         <BaseTableHead>
           <BaseTableHeaderRow>
-            <BaseHeaderCell columnIndex={0}>{columns[0]}</BaseHeaderCell>
-            <BaseHeaderCell columnIndex={1}>{columns[1]}</BaseHeaderCell>
-            <BaseHeaderCell columnIndex={2}>{columns[2]}</BaseHeaderCell>
-            <BaseHeaderCell columnIndex={3}>{columns[3]}</BaseHeaderCell>
-            <BaseHeaderCell columnIndex={4}>{columns[4]}</BaseHeaderCell>
+            {columns.map((column, columnIndex) => (
+              <BaseHeaderCell key={columnIndex}>{column}</BaseHeaderCell>
+            ))}
           </BaseTableHeaderRow>
         </BaseTableHead>
         <BaseTableBody>
           {data.map((row, rowIndex) => (
             <BaseTableBodyRow key={rowIndex}>
               {row.map((cell, cellIndex) => (
-                <BaseBodyCell key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
+                <BaseBodyCell key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
                   {cell}
                 </BaseBodyCell>
               ))}
@@ -665,7 +681,12 @@ ComposableTableCompact = () => {
 
 ### Composable: Expandable
 
-```js
+This example demonstrates having expandable rows.
+
+- Each parent/child row pair is enclosed in a `BaseTableBody` component.
+- You can make the table more compact by setting the `BaseTable` variant to `compactExpandable`.
+
+```js isBeta
 import React from 'react';
 import {
   BaseTable,
@@ -675,7 +696,6 @@ import {
   BaseTableBodyRow,
   BaseHeaderCell,
   BaseBodyCell,
-  HeaderCellInfoWrapper,
   ExpandableRowContent
 } from '@patternfly/react-table';
 import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
@@ -689,22 +709,30 @@ ComposableTableExpandable = () => {
     'Last commit'
   ]);
   const [data, setData] = React.useState([
-    ['one', 'two', 'a', 'four', 'five'],
-    ['parent 1', 'two', 'k', 'four', 'five'],
-    ['parent 2', 'two', 'b', 'four', 'five'],
-    ['parent 3', '2', 'b', 'four', 'five'],
-    ['parent 4', '2', 'b', 'four', 'five'],
-    ['parent 5', '2', 'b', 'four', 'five'],
-    ['parent 6', '2', 'b', 'four', 'five']
-  ]);
-  // key = row index it corresponds to
-  const childData = {
-    '1': { cells: ['single cell'] },
-    '2': { cells: ['single cell - fullWidth'], fullWidth: true },
-    '3': { cells: ['single cell - noPadding'], noPadding: true },
-    '4': { cells: ['single cell - fullWidth & noPadding'], fullWidth: true, noPadding: true },
-    '5': {
-      cells: [
+    { parent: ['one', 'two', 'a', 'four', 'five'], child: null },
+    {
+      parent: ['parent 1', 'two', 'k', 'four', 'five'],
+      child: ['single cell']
+    },
+    {
+      parent: ['parent 2', 'two', 'b', 'four', 'five'],
+      child: ['single cell - fullWidth'],
+      fullWidth: true
+    },
+    {
+      parent: ['parent 3', '2', 'b', 'four', 'five'],
+      child: ['single cell - noPadding'],
+      noPadding: true
+    },
+    {
+      parent: ['parent 4', '2', 'b', 'four', 'five'],
+      child: ['single cell - fullWidth & noPadding'],
+      fullWidth: true,
+      noPadding: true
+    },
+    {
+      parent: ['parent 5', '2', 'b', 'four', 'five'],
+      child: [
         {
           title: "spans 'Repositories' and 'Branches'",
           props: {
@@ -719,8 +747,9 @@ ComposableTableExpandable = () => {
         }
       ]
     },
-    '6': {
-      cells: [
+    {
+      parent: ['parent 6', '2', 'b', 'four', 'five'],
+      child: [
         {
           title: "fullWidth, spans the collapsible column and 'Repositories'",
           props: {
@@ -737,17 +766,22 @@ ComposableTableExpandable = () => {
       ],
       fullWidth: true
     }
-  };
-  const numColumns = data[0].length;
+  ]);
+  const numColumns = columns.length;
   // Init all to true
-  const [expanded, setExpanded] = React.useState(
-    Object.fromEntries(Object.entries(childData).map(([k, v]) => [k, true]))
-  );
+  const [expanded, setExpanded] = React.useState(Object.fromEntries(Object.entries(data).map(([k, v]) => [k, true])));
   const [variant, setVariant] = React.useState(null);
   const handleItemClick = (isSelected, event) => {
     const id = event.currentTarget.id;
     setVariant(id === 'default' ? null : id);
   };
+  const handleExpansionToggle = rowIndex => {
+    setExpanded({
+      ...expanded,
+      [rowIndex]: !expanded[rowIndex]
+    });
+  };
+  let rowIndex = -1;
   return (
     <React.Fragment>
       <ToggleGroup aria-label="Default with single selectable">
@@ -773,58 +807,506 @@ ComposableTableExpandable = () => {
             <BaseHeaderCell columnIndex={5}>{columns[4]}</BaseHeaderCell>
           </BaseTableHeaderRow>
         </BaseTableHead>
-        {data.map((row, rowIndex) => (
-          <BaseTableBody key={rowIndex} isExpanded={expanded[rowIndex] === true}>
-            <React.Fragment>
-              <BaseTableBodyRow>
+        {data.map((pair, pairIndex) => {
+          rowIndex += 1;
+          const parentRow = (
+            <BaseTableBodyRow key={rowIndex}>
+              <BaseBodyCell
+                key={`${rowIndex}_0`}
+                rowIndex={rowIndex}
+                columnIndex={0}
+                isExpanded={pair.child ? expanded[pairIndex] : null}
+                onClick={() => handleExpansionToggle(pairIndex)}
+              />
+              {pair.parent.map((cell, cellIndex) => (
                 <BaseBodyCell
-                  key={`${rowIndex}_0`}
+                  key={`${rowIndex}_${cellIndex}`}
                   rowIndex={rowIndex}
-                  columnIndex={0}
-                  isExpanded={childData[rowIndex] ? expanded[rowIndex] : null}
-                />
-                {row.map((cell, cellIndex) => (
+                  columnIndex={cellIndex + 1}
+                  dataLabel={columns[cellIndex]}
+                >
+                  {cell}
+                </BaseBodyCell>
+              ))}
+            </BaseTableBodyRow>
+          );
+          if (pair.child) {
+            rowIndex += 1;
+          }
+          const childRow = pair.child ? (
+            <BaseTableBodyRow key={rowIndex} isExpanded={expanded[pairIndex] === true}>
+              {!data[pairIndex].fullWidth && <BaseBodyCell key={`${rowIndex}_0`} columnIndex={0} />}
+              {data[pairIndex].child.map((cell, cellIndex) => {
+                const shift = data[pairIndex].fullWidth ? 1 : 0;
+                const shiftedCellIndex = cellIndex + shift;
+                return (
                   <BaseBodyCell
-                    key={`${rowIndex}_${cellIndex}`}
+                    key={`${rowIndex}_${shiftedCellIndex}`}
                     rowIndex={rowIndex}
-                    columnIndex={cellIndex + 1}
+                    columnIndex={shiftedCellIndex}
                     dataLabel={columns[cellIndex]}
+                    noPadding={data[pairIndex].noPadding}
+                    colSpan={
+                      data[pairIndex].child.length === 1
+                        ? numColumns + shift
+                        : cell.props && cell.props.colSpan
+                        ? cell.props.colSpan
+                        : 1
+                    }
                   >
-                    {cell}
+                    <ExpandableRowContent>{cell.title || cell}</ExpandableRowContent>
                   </BaseBodyCell>
-                ))}
-              </BaseTableBodyRow>
-              {childData[rowIndex] && (
-                <BaseTableBodyRow key={`${rowIndex}-child`} isExpanded={expanded[rowIndex] === true}>
-                  {!childData[rowIndex].fullWidth && <BaseBodyCell key={`${rowIndex}_0-child`} columnIndex={0} />}
-                  {childData[rowIndex].cells.map((cell, cellIndex) => {
-                    const shift = childData[rowIndex].fullWidth ? 1 : 0;
-                    const shiftedCellIndex = cellIndex + shift;
-                    return (
-                      <BaseBodyCell
-                        key={`${rowIndex}_${shiftedCellIndex}-child`}
-                        rowIndex={rowIndex}
-                        columnIndex={shiftedCellIndex}
-                        dataLabel={columns[cellIndex]}
-                        noPadding={childData[rowIndex].noPadding}
-                        colSpan={
-                          childData[rowIndex].cells.length === 1
-                            ? numColumns + shift
-                            : cell.props && cell.props.colSpan
-                            ? cell.props.colSpan
-                            : 1
+                );
+              })}
+            </BaseTableBodyRow>
+          ) : null;
+          return (
+            <BaseTableBody key={pairIndex} isExpanded={expanded[pairIndex] === true}>
+              <React.Fragment>
+                {parentRow}
+                {childRow}
+              </React.Fragment>
+            </BaseTableBody>
+          );
+        })}
+      </BaseTable>
+    </React.Fragment>
+  );
+};
+```
+
+### Composable: Compound expandable
+
+```js isBeta
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  ExpandableRowContent
+} from '@patternfly/react-table';
+
+import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-icon';
+import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
+import CubeIcon from '@patternfly/react-icons/dist/js/icons/cube-icon';
+
+// https://github.com/patternfly/patternfly-react/blob/master/packages/react-table/src/components/Table/demo/DemoSortableTable.js
+import DemoSortableTable from './demo/DemoSortableTable';
+
+ComposableCompoundExpandableTable = () => {
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit',
+    ''
+  ]);
+  const [data, setData] = React.useState([
+    ['siemur/test-space', 10, 4, 4, '20 minutes', 'Open in Github'],
+    ['siemur/test-space', 3, 4, 2, '10 minutes', 'Open in Github']
+  ]);
+  const [activeChild, setActiveChild] = React.useState('0_1');
+  // key = row_col of the parent it corresponds to
+  const childData = {
+    '0_1': {
+      component: (
+        <DemoSortableTable
+          firstColumnRows={['parent-0', 'compound-1', 'three', 'four', 'five']}
+          id="compound-expansion-table-0_1"
+          key="0_1"
+        />
+      )
+    },
+    '0_2': {
+      component: (
+        <DemoSortableTable
+          firstColumnRows={['parent-0', 'compound-2', 'three', 'four', 'five']}
+          id="compound-expansion-table-0_2"
+          key="0_2"
+        />
+      )
+    },
+    '0_3': {
+      component: (
+        <DemoSortableTable
+          firstColumnRows={['parent-0', 'compound-3', 'three', 'four', 'five']}
+          id="compound-expansion-table-0_3"
+          key="0_3"
+        />
+      )
+    },
+    '1_1': {
+      component: (
+        <DemoSortableTable
+          firstColumnRows={['parent-1', 'compound-1', 'three', 'four', 'five']}
+          id="compound-expansion-table-1_1"
+          key="1_1"
+        />
+      )
+    },
+    '1_2': {
+      component: (
+        <DemoSortableTable
+          firstColumnRows={['parent-1', 'compound-2', 'three', 'four', 'five']}
+          id="compound-expansion-table-1_2"
+          key="1_2"
+        />
+      )
+    },
+    '1_3': {
+      component: (
+        <DemoSortableTable
+          firstColumnRows={['parent-1', 'compound-3', 'three', 'four', 'five']}
+          id="compound-expansion-table-1_3"
+          key="1_3"
+        />
+      )
+    }
+  };
+  const customRender = (cell, index) => {
+    if (index === 0) {
+      return <a href="#">{cell}</a>;
+    } else if (index === 1) {
+      return (
+        <React.Fragment>
+          <CodeBranchIcon key="icon" /> {cell}
+        </React.Fragment>
+      );
+    } else if (index === 2) {
+      return (
+        <React.Fragment>
+          <CodeIcon key="icon" /> {cell}
+        </React.Fragment>
+      );
+    } else if (index === 3) {
+      return (
+        <React.Fragment>
+          <CubeIcon key="icon" /> {cell}
+        </React.Fragment>
+      );
+    } else if (index === 5) {
+      return <a href="#">{cell}</a>;
+    }
+    return cell;
+  };
+  const isCompoundExpanded = (rowIndex, cellIndex) => {
+    // only columns 1 - 3 are compound expansion toggles in this example
+    if (1 <= cellIndex && cellIndex <= 3) {
+      return activeChild === `${rowIndex}_${cellIndex}`;
+    }
+    return null;
+  };
+  return (
+    <React.Fragment>
+      <BaseTable aria-label="Compound expandable table">
+        <BaseTableHead>
+          <BaseTableHeaderRow>
+            {columns.map((column, columnIndex) => (
+              <BaseHeaderCell key={columnIndex} columnIndex={columnIndex}>
+                {column}
+              </BaseHeaderCell>
+            ))}
+          </BaseTableHeaderRow>
+        </BaseTableHead>
+        {data.map((row, rowIndex) => {
+          const isRowExpanded = activeChild && activeChild.split('_')[0] === `${rowIndex}`;
+          return (
+            <BaseTableBody key={rowIndex} isExpanded={isRowExpanded}>
+              <React.Fragment>
+                <BaseTableBodyRow>
+                  {row.map((cell, cellIndex) => (
+                    <BaseBodyCell
+                      key={`${rowIndex}_${cellIndex}`}
+                      rowIndex={rowIndex}
+                      columnIndex={cellIndex}
+                      dataLabel={columns[cellIndex]}
+                      component={cellIndex === 0 ? 'th' : 'td'}
+                      isCompoundExpanded={isCompoundExpanded(rowIndex, cellIndex)}
+                      onClick={() => {
+                        // only columns 1 - 3 are clickable
+                        if (1 <= cellIndex && cellIndex <= 3) {
+                          const current = `${rowIndex}_${cellIndex}`;
+                          if (activeChild === current) {
+                            // closing the expansion on the current toggle
+                            setActiveChild(null);
+                          } else {
+                            // expanding
+                            setActiveChild(current);
+                          }
                         }
-                      >
-                        <ExpandableRowContent>{cell.title || cell}</ExpandableRowContent>
-                      </BaseBodyCell>
-                    );
-                  })}
+                      }}
+                    >
+                      {customRender(cell, cellIndex)}
+                    </BaseBodyCell>
+                  ))}
                 </BaseTableBodyRow>
-              )}
-            </React.Fragment>
-          </BaseTableBody>
+                {isRowExpanded && (
+                  <BaseTableBodyRow key={`${rowIndex}-child`} isExpanded={isRowExpanded}>
+                    <BaseBodyCell rowIndex={rowIndex} dataLabel={columns[0]} noPadding colSpan="6">
+                      <ExpandableRowContent>{childData[activeChild].component}</ExpandableRowContent>
+                    </BaseBodyCell>
+                  </BaseTableBodyRow>
+                )}
+              </React.Fragment>
+            </BaseTableBody>
+          );
+        })}
+      </BaseTable>
+    </React.Fragment>
+  );
+};
+```
+
+### Composable: Cell width, breakpoint modifiers
+
+```js isBeta
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell
+} from '@patternfly/react-table';
+
+ComposableTableCellWidth = () => {
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit'
+  ]);
+  const [data, setData] = React.useState([
+    ['one', 'two', 'three', 'four', 'five'],
+    ['one - 2', null, null, 'four - 2', 'five - 2'],
+    ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3']
+  ]);
+  return (
+    <BaseTable aria-label="Cell widths">
+      <BaseTableHead>
+        <BaseTableHeaderRow>
+          {columns.map((column, columnIndex) => (
+            <BaseHeaderCell
+              key={columnIndex}
+              width={columnIndex === 2 ? 40 : 15}
+              visibility={columnIndex === 2 ? ['hiddenOnMd', 'visibleOnLg'] : null}
+            >
+              {column}
+            </BaseHeaderCell>
+          ))}
+        </BaseTableHeaderRow>
+      </BaseTableHead>
+      <BaseTableBody>
+        {data.map((row, rowIndex) => (
+          <BaseTableBodyRow key={rowIndex}>
+            {row.map((cell, cellIndex) => (
+              <BaseBodyCell
+                key={`${rowIndex}_${cellIndex}`}
+                dataLabel={columns[cellIndex]}
+                visibility={cellIndex === 2 ? ['hiddenOnMd', 'visibleOnLg'] : null}
+              >
+                {cell}
+              </BaseBodyCell>
+            ))}
+          </BaseTableBodyRow>
+        ))}
+      </BaseTableBody>
+    </BaseTable>
+  );
+};
+```
+
+### Composable: Controlling text
+
+```js isBeta
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell
+} from '@patternfly/react-table';
+
+ComposableControllingText = () => {
+  const [columns, setColumns] = React.useState([
+    'Truncate (width 20%)',
+    'Break word',
+    'Wrapping table header text. This th text will wrap instead of truncate.',
+    'Fit content',
+    'No wrap'
+  ]);
+  const [data, setData] = React.useState([
+    [
+      'This text will truncate instead of wrap.',
+      <a href="#">http://thisisaverylongurlthatneedstobreakusethebreakwordmodifier.org</a>,
+      <p>
+        By default,
+        <code>thead</code> cells will truncate and
+        <code>tbody</code> cells will wrap. Use
+        <code>.pf-m-wrap</code> on a<code>th</code> to change its behavior.
+      </p>,
+      "This cell's content will adjust itself to the parent th width. This modifier only affects table layouts.",
+      <a href="#">No wrap</a>
+    ]
+  ]);
+  return (
+    <BaseTable aria-label="Controlling text">
+      <BaseTableHead>
+        <BaseTableHeaderRow>
+          <BaseHeaderCell width={20}>
+            {columns[0]}
+          </BaseHeaderCell>
+          <BaseHeaderCell>{columns[1]}</BaseHeaderCell>
+          <BaseHeaderCell modifier="wrap">
+            {columns[2]}
+          </BaseHeaderCell>
+          <BaseHeaderCell modifier="fitContent">
+            {columns[3]}
+          </BaseHeaderCell>
+          <BaseHeaderCell>{columns[4]}</BaseHeaderCell>
+        </BaseTableHeaderRow>
+      </BaseTableHead>
+      <BaseTableBody>
+        {data.map((row, rowIndex) => (
+          <BaseTableBodyRow key={rowIndex}>
+            <BaseBodyCell dataLabel={columns[0]} modifier="truncate">
+              {row[0]}
+            </BaseBodyCell>
+            <BaseBodyCell dataLabel={columns[1]} modifier="breakWord">
+              {row[1]}
+            </BaseBodyCell>
+            <BaseBodyCell dataLabel={columns[2]}>{row[2]}</BaseBodyCell>
+            <BaseBodyCell dataLabel={columns[3]}>{row[3]}</BaseBodyCell>
+            <BaseBodyCell dataLabel={columns[4]} modifier="nowrap">
+              {row[4]}
+            </BaseBodyCell>
+          </BaseTableBodyRow>
+        ))}
+      </BaseTableBody>
+    </BaseTable>
+  );
+};
+```
+
+### Composable: Modifiers with table text
+
+```js isBeta
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  TableText
+} from '@patternfly/react-table';
+
+ComposableTableText = () => {
+  const [columns, setColumns] = React.useState([
+    'Truncating text',
+    'Wrapping table header text. This th text will wrap instead of truncate.'
+  ]);
+  const [data, setData] = React.useState([
+    [
+      <TableText wrapModifier="truncate">This text will truncate instead of wrap.</TableText>,
+      <TableText wrapModifier="nowrap">
+        <a href="#">This is a link that needs to be on one line and fully readable.</a>
+      </TableText>
+    ]
+  ]);
+  return (
+    <BaseTable aria-label="Table text">
+      <BaseTableHead>
+        <BaseTableHeaderRow>
+          <BaseHeaderCell width={30}>
+            {columns[0]}
+          </BaseHeaderCell>
+          <BaseHeaderCell>{columns[1]}</BaseHeaderCell>
+        </BaseTableHeaderRow>
+      </BaseTableHead>
+      <BaseTableBody>
+        {data.map((row, rowIndex) => (
+          <BaseTableBodyRow key={rowIndex}>
+            {row.map((cell, cellIndex) => (
+              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+                {cell}
+              </BaseBodyCell>
+            ))}
+          </BaseTableBodyRow>
         ))}
+      </BaseTableBody>
+    </BaseTable>
+  );
+};
+```
+
+### Composable: Empty state
+
+```js isBeta
+import React from 'react';
+import {
+  BaseTable,
+  BaseTableHead,
+  BaseTableBody,
+  BaseTableHeaderRow,
+  BaseTableBodyRow,
+  BaseHeaderCell,
+  BaseBodyCell,
+  BaseTableCaption,
+  Button,
+  EmptyState,
+  EmptyStateBody,
+  EmptyStatePrimary,
+  Bullseye,
+  Title,
+  EmptyStateIcon
+} from '@patternfly/react-table';
+
+ComposableEmptyState = () => {
+  const [columns, setColumns] = React.useState([
+    'Repositories',
+    'Branches',
+    'Pull requests',
+    'Workspaces',
+    'Last commit'
+  ]);
+  return (
+    <React.Fragment>
+      <BaseTable aria-label="Empty state">
+        <BaseTableCaption>Empty State Table Example</BaseTableCaption>
+        <BaseTableHead>
+          <BaseTableHeaderRow>
+            {columns.map((column, columnIndex) => (
+              <BaseHeaderCell key={columnIndex} columnIndex={columnIndex}>
+                {column}
+              </BaseHeaderCell>
+            ))}
+          </BaseTableHeaderRow>
+        </BaseTableHead>
       </BaseTable>
+      <EmptyState variant={EmptyStateVariant.small}>
+        <EmptyStateIcon icon={SearchIcon} />
+        <Title headingLevel="h2" size="lg">
+          No results found
+        </Title>
+        <EmptyStateBody>
+          No results match the filter criteria. Remove all filters or clear all filters to show results.
+        </EmptyStateBody>
+        <Button variant="link">Clear all filters</Button>
+      </EmptyState>
     </React.Fragment>
   );
 };
diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index dcf0c3cca5d..0891af290fb 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -1314,10 +1314,7 @@ class WidthTable extends React.Component {
         'Branches',
         { title: 'Pull requests', transforms: [cellWidth(30)] },
         'Workspaces',
-        {
-          title: 'Last commit',
-          transforms: [cellWidth('max')]
-        }
+        { title: 'Last commit' }
       ],
       rows: [['one', 'two', 'three', 'four', 'five']]
     };
@@ -1350,13 +1347,13 @@ class HiddenVisibleBreakpointTable extends React.Component {
         {
           title: 'Repositories',
           columnTransforms: [
-            classNames(Visibility.hidden, Visibility.visibleOnMd, Visibility.hiddenOnLg, Visibility.visibleOn_2xl)
+            classNames(Visibility.hidden, Visibility.visibleOnMd, Visibility.hiddenOnLg, Visibility.visibleOn2Xl)
           ]
         },
         'Branches',
         {
           title: 'Pull requests',
-          columnTransforms: [classNames(Visibility.hiddenOnMd, Visibility.visibleOnLg, Visibility.hiddenOn_2xl)]
+          columnTransforms: [classNames(Visibility.hiddenOnMd, Visibility.visibleOnLg)]
         },
         'Workspaces',
         {
diff --git a/packages/react-table/src/components/Table/utils/decorators/classNames.ts b/packages/react-table/src/components/Table/utils/decorators/classNames.ts
index 07149457d90..367955dbf65 100644
--- a/packages/react-table/src/components/Table/utils/decorators/classNames.ts
+++ b/packages/react-table/src/components/Table/utils/decorators/classNames.ts
@@ -8,15 +8,15 @@ const visibilityModifiers = [
   'hiddenOnMd',
   'hiddenOnLg',
   'hiddenOnXl',
-  'hiddenOn2xl',
+  'hiddenOn_2xl',
   'visibleOnSm',
   'visibleOnMd',
   'visibleOnLg',
   'visibleOnXl',
-  'visibleOn2xl'
+  'visibleOn_2xl'
 ] as (keyof typeof styles.modifiers)[];
 
-interface Visibility {
+export interface IVisibility {
   hidden?: string;
   hiddenOnSm?: string;
   hiddenOnMd?: string;
@@ -33,10 +33,10 @@ interface Visibility {
 export const Visibility = visibilityModifiers
   .filter(key => styles.modifiers[key])
   .reduce((acc, curr) => {
-    const key2 = curr.replace('2xl', '2Xl') as keyof typeof Visibility;
+    const key2 = curr.replace('_2xl', '2Xl') as keyof typeof Visibility;
     acc[key2] = styles.modifiers[curr];
     return acc;
-  }, {} as Visibility);
+  }, {} as IVisibility);
 
 export const classNames = (...classes: string[]): ITransform => () => ({
   className: css(...classes)

From 92b4a415f5791c81017f780d6789721e63970deb Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Wed, 21 Oct 2020 16:42:36 -0400
Subject: [PATCH 12/29] snapshots

---
 .../Table/__snapshots__/Table.test.tsx.snap   | 342401 ++++++++-------
 1 file changed, 193625 insertions(+), 148776 deletions(-)

diff --git a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
index 113c38915fb..347cc041652 100644
--- a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
+++ b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
@@ -125,7 +125,7 @@ exports[`Actions table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    className=""
     columns={
       Array [
         Object {
@@ -397,9 +397,9 @@ exports[`Actions table 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-15"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -413,326 +413,46 @@ exports[`Actions table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-15"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
+      variant={null}
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-34"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-5",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -1003,1492 +723,678 @@ exports[`Actions table 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": [Function],
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": [Function],
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-5",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      component="td"
-                      data-key={5}
-                      data-label=""
-                      key="5-header"
-                      scope=""
-                    >
-                      <td
-                        className=""
-                        data-key={5}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      />
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": [Function],
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": [Function],
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": [Function],
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": [Function],
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": [Function],
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": [Function],
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": [Function],
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": [Function],
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": [Function],
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": [Function],
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": [Function],
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": [Function],
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "column-5",
-                "props": Object {
-                  "data-key": 5,
-                  "data-label": "",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  component="td"
+                                  data-key={5}
+                                  data-label=""
+                                  key="5-header"
+                                  scope=""
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="td"
+                                    data-key={5}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="td"
+                                      data-key={5}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <td
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={5}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope=""
+                                      />
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
+              className=""
+              headerData={
+                Array [
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": [Function],
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": [Function],
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": [Function],
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": [Function],
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -2730,16 +1636,12 @@ exports[`Actions table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -2747,50 +1649,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -2798,50 +1658,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -2849,50 +1667,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -2900,50 +1676,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -2951,50 +1685,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -3002,50 +1694,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -3053,50 +1703,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -3104,50 +1712,8 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -3155,530 +1721,321 @@ exports[`Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -3701,10 +2058,10 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 6,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -3752,7 +2109,7 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -3803,13 +2160,13 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -3832,6 +2189,12 @@ exports[`Actions table 1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -3854,10 +2217,10 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -3905,7 +2268,7 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -3956,7 +2319,7 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -4007,7 +2370,7 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -4058,7 +2421,7 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -4109,13 +2472,13 @@ exports[`Actions table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -4138,1157 +2501,744 @@ exports[`Actions table 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": [Function],
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": [Function],
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
                         },
-                        "workspaces": Object {
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": [Function],
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": [Function],
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-121"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-0"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 0,
-                                }
-                              }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 0,
-                                  "isExpanded": undefined,
-                                  "isFirst": true,
-                                  "isFirstVisible": true,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-11"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-10"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-11"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-10"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-10"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-11"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-10"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-10"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": [Function],
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": [Function],
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": [Function],
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": [Function],
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": [Function],
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": [Function],
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": [Function],
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": [Function],
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "column-5",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-5",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -5311,7 +3261,7 @@ exports[`Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 1,
+                        "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -5339,819 +3289,244 @@ exports[`Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-122"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-1"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 1,
-                                }
-                              }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 1,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-12"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-11"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-12"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-11"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-11"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-12"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-11"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-11"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-5",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -6202,819 +3577,58 @@ exports[`Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-123"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-2"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 2,
-                                }
-                              }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 2,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-13"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-12"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-13"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-12"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-12"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-13"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-12"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-12"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -7037,7 +3651,7 @@ exports[`Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -7065,819 +3679,58 @@ exports[`Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-124"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-3"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 3,
-                                }
-                              }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 3,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-14"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-13"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-14"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-13"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-13"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-14"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-13"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-13"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -7900,7 +3753,7 @@ exports[`Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -7928,819 +3781,58 @@ exports[`Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-125"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-4"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 4,
-                                }
-                              }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 4,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-15"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-14"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-15"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-14"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-14"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-15"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-14"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-14"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -8763,13 +3855,13 @@ exports[`Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -8791,15 +3883,15 @@ exports[`Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -8822,10 +3914,10 @@ exports[`Actions table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 5,
+                          "id": 0,
                           "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
+                          "isFirst": true,
+                          "isFirstVisible": true,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
@@ -8850,819 +3942,58 @@ exports[`Actions table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-126"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-5"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 5,
-                                }
-                              }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 5,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-16"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-15"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-16"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-15"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-15"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-16"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-15"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-15"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "header": Object {
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 1,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "header": Object {
+                          "workspaces": Object {
                             "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -9685,7 +4016,7 @@ exports[`Actions table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 2,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -9713,190 +4044,668 @@ exports[`Actions table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-127"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-6"
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
+                          <BodyRow
+                            columns={
+                              Array [
                                 Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
                                   },
-                                  "columnIndex": 5,
                                   "property": "column-5",
-                                  "rowIndex": 6,
-                                }
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
                               }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                ]
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
                               }
-                              rowData={
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
                                   "branches": Object {
                                     "formatters": Array [],
@@ -9919,10 +4728,10 @@ exports[`Actions table 1`] = `
                                     },
                                     "title": "one",
                                   },
-                                  "id": 6,
+                                  "id": 0,
                                   "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
                                   "isHeightAuto": false,
                                   "isLast": false,
                                   "isLastVisible": false,
@@ -9949,817 +4758,943 @@ exports[`Actions table 1`] = `
                                   },
                                 }
                               }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
                                 }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
                               >
-                                <DropdownWithContext
-                                  autoFocus={true}
+                                <BaseTableBodyRowBase
                                   className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-139"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={0}
-                                        onClick={[Function]}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={1}
-                                        onClick={[Function]}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={3}
-                                        onClick={[Function]}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-17"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-16"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-17"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
                                           >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-16"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
                                     >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-16"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-17"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-16"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-16"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 0,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
                                                 Object {
-                                                  "verticalAlign": "-0.125em",
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 0,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": true,
+                                                  "isFirstVisible": true,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
                                                 }
                                               }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
                                             >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-128"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-7"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-11"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-10"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-11"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-10"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-10"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-11"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-10"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-10"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
                                 Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
                                   },
-                                  "columnIndex": 5,
                                   "property": "column-5",
-                                  "rowIndex": 7,
-                                }
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
                               }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                ]
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
                               }
-                              rowData={
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
                                   "branches": Object {
                                     "formatters": Array [],
@@ -10782,7 +5717,7 @@ exports[`Actions table 1`] = `
                                     },
                                     "title": "one",
                                   },
-                                  "id": 7,
+                                  "id": 1,
                                   "isExpanded": undefined,
                                   "isFirst": false,
                                   "isFirstVisible": false,
@@ -10812,1128 +5747,7552 @@ exports[`Actions table 1`] = `
                                   },
                                 }
                               }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
                                 }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
                               >
-                                <DropdownWithContext
-                                  autoFocus={true}
+                                <BaseTableBodyRowBase
                                   className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-140"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={0}
-                                        onClick={[Function]}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={1}
-                                        onClick={[Function]}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-18"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-17"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-18"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
                                           >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-17"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
                                     >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-17"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-18"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-17"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-17"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
                                                 Object {
-                                                  "verticalAlign": "-0.125em",
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 1,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 1,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
                                                 }
                                               }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
                                             >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": [Function],
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": [Function],
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-129"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-8"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-12"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-11"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-12"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-11"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-11"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-12"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-11"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-11"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
                                 Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": [Function],
-                                      "actions": undefined,
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": [Function],
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 8,
-                                }
-                              }
-                              isDisabled={false}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
                                   },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
                                   },
-                                ]
-                              }
-                              rowData={
+                                },
                                 Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
                                   },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
                                   },
-                                  "id": 8,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": true,
-                                  "isLastVisible": true,
-                                  "last-commit": Object {
+                                  "header": Object {
                                     "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
                                   },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
                                   },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
                                   },
                                 }
                               }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
                             >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-141"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
                                       data-key={0}
-                                      onClick={[Function]}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
                                     >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={1}
-                                      onClick={[Function]}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
                                     >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={3}
-                                      onClick={[Function]}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-2"
                                     >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 2,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 2,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-13"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-12"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-13"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-12"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-12"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-13"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-12"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-12"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
                                 }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={false}
-                                    onToggle={[Function]}
-                                  />
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
                                 }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
                               >
-                                <DropdownWithContext
-                                  autoFocus={true}
+                                <BaseTableBodyRowBase
                                   className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-142"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={0}
-                                        onClick={[Function]}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={1}
-                                        onClick={[Function]}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={3}
-                                        onClick={[Function]}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={false}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-19"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-18"
-                                      isDisabled={false}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-19"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
                                           >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-18"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
                                     >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-18"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-19"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 3,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 3,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
                                             >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-18"
-                                                type="button"
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
                                               >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
                                                 >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-14"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-13"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-14"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-13"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-13"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-14"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-13"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-13"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-143"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-18"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 4,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
                                                 Object {
-                                                  "verticalAlign": "-0.125em",
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 4,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
                                                 }
                                               }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
                                             >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
-  </Provider>
-</Table>
-`;
-
-exports[`Cell header table 1`] = `
-<Table
-  aria-label="Aria labeled"
-  borders={true}
-  canSelectAll={true}
-  cells={
-    Array [
-      Object {
-        "cellTransforms": Array [
-          [Function],
-        ],
-        "title": "Header cell",
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-15"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-14"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-15"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-14"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-14"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-15"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-14"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-14"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-144"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 5,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 5,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-16"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-15"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-16"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-15"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-15"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-16"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-15"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-15"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-145"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 6,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 6,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-17"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-16"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-17"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-16"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-16"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-17"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-16"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-16"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-146"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 7,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 7,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-18"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-17"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-18"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-17"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-17"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-18"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-17"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-17"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": [Function],
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": [Function],
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-147"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": [Function],
+                                                      "actions": undefined,
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": [Function],
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 8,
+                                                }
+                                              }
+                                              isDisabled={false}
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 8,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": true,
+                                                  "isLastVisible": true,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={false}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={false}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-19"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-18"
+                                                      isDisabled={false}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-19"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-18"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-18"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-19"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-18"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-18"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
+  </Provider>
+</Table>
+`;
+
+exports[`Cell header table 1`] = `
+<Table
+  aria-label="Aria labeled"
+  borders={true}
+  canSelectAll={true}
+  cells={
+    Array [
+      Object {
+        "cellTransforms": Array [
+          [Function],
+        ],
+        "title": "Header cell",
         "transforms": Array [
           [Function],
         ],
@@ -12048,7 +13407,7 @@ exports[`Cell header table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    className=""
     columns={
       Array [
         Object {
@@ -12232,340 +13591,105 @@ exports[`Cell header table 1`] = `
         Object {
           "cell": Object {
             "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-16"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-16"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-36"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -12678,1516 +13802,677 @@ exports[`Cell header table 1`] = `
                           "dropdownPosition": "right",
                           "expandId": "expandable-toggle",
                           "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Pull requests",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 2,
-                          "data-label": "Pull requests",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -14414,16 +14699,12 @@ exports[`Cell header table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -14431,50 +14712,8 @@ exports[`Cell header table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -14482,50 +14721,8 @@ exports[`Cell header table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -14533,50 +14730,8 @@ exports[`Cell header table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -14584,50 +14739,8 @@ exports[`Cell header table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -14635,50 +14748,8 @@ exports[`Cell header table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -14686,683 +14757,711 @@ exports[`Cell header table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -15385,10 +15484,10 @@ exports[`Cell header table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 4,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -15436,7 +15535,7 @@ exports[`Cell header table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -15487,7 +15586,7 @@ exports[`Cell header table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -15538,7 +15637,7 @@ exports[`Cell header table 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -15587,484 +15686,763 @@ exports[`Cell header table 1`] = `
                         "props": Object {
                           "isVisible": true,
                         },
-                        "title": "one",
-                      },
-                      "id": 4,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
                         "props": Object {
-                          "isVisible": true,
+                          "data-key": 4,
+                          "data-label": "Last Commit",
                         },
-                        "title": "five",
                       },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "one",
-                      },
-                      "id": 5,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "five",
                       },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "one",
-                      },
-                      "id": 6,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "five",
                       },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "one",
-                      },
-                      "id": 7,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "five",
                       },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "one",
-                      },
-                      "id": 8,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "five",
                       },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "four",
                       },
-                    },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
                         "cell": [Function],
                         "row": [Function],
                         "wrapper": [Function],
-                      }
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
                     }
-                    rowData={
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -16115,402 +16493,109 @@ exports[`Cell header table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-130"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-0"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -16533,7 +16618,7 @@ exports[`Cell header table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 1,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -16561,402 +16646,211 @@ exports[`Cell header table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-131"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-1"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -16979,13 +16873,13 @@ exports[`Cell header table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 2,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -17007,15 +16901,15 @@ exports[`Cell header table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -17038,7 +16932,58 @@ exports[`Cell header table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 2,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -17066,402 +17011,313 @@ exports[`Cell header table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-132"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-2"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 3,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -17484,13 +17340,13 @@ exports[`Cell header table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 3,
+                          "id": 8,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
+                          "isLast": true,
+                          "isLastVisible": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -17512,2343 +17368,5000 @@ exports[`Cell header table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-133"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            <div
-                              id="test-headercol-3"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-148"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-0"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-149"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-1"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 4,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-134"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-150"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-2"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            <div
-                              id="test-headercol-4"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 5,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-135"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-151"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-3"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            <div
-                              id="test-headercol-5"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-152"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-4"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-136"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-153"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-5"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            <div
-                              id="test-headercol-6"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-137"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-154"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-6"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            <div
-                              id="test-headercol-7"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-138"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-155"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-7"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            <div
-                              id="test-headercol-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-156"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-8"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -19989,7 +22502,7 @@ exports[`Collapsible nested table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    className=""
     columns={
       Array [
         Object {
@@ -20195,434 +22708,141 @@ exports[`Collapsible nested table 1`] = `
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 1,
-            "onCollapse": [Function],
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-              [Function],
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 1,
-            "onCollapse": [Function],
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 5,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-19"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-19"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-0",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 1,
+            "onCollapse": [Function],
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+              [Function],
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 1,
+            "onCollapse": [Function],
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 5,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-42"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -20833,1566 +23053,734 @@ exports[`Collapsible nested table 1`] = `
                           "contentId": "expanded-content",
                           "dropdownDirection": "down",
                           "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 1,
-                          "onCollapse": [Function],
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 1,
-                          "onCollapse": [Function],
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 5,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      component="td"
-                      data-key={0}
-                      data-label=""
-                      key="0-header"
-                      scope=""
-                    >
-                      <td
-                        className=""
-                        data-key={0}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      />
-                    </HeaderCell>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={1}
-                      data-label="Header cell"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={1}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Branches"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Pull requests"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Workspaces"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={5}
-                      data-label="Last Commit"
-                      key="5-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={5}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "column-0",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 5,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": true,
-                "parent": 0,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 1,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 3,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-0",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  component="td"
+                                  data-key={0}
+                                  data-label=""
+                                  key="0-header"
+                                  scope=""
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="td"
+                                    data-key={0}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <td
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={0}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope=""
+                                      />
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={1}
+                                  data-label="Header cell"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Branches"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Pull requests"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Workspaces"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={5}
+                                  data-label="Last Commit"
+                                  key="5-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={5}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -22677,16 +24065,12 @@ exports[`Collapsible nested table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -22694,51 +24078,9 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -22746,52 +24088,10 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
                     "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -22799,380 +24099,9 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
                     "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
                   },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -23180,104 +24109,9 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
+                  },
+                  Object {
                     "cells": Array [
                       "one",
                       "two",
@@ -23285,51 +24119,9 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "parent": 3,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -23337,51 +24129,8 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -23389,51 +24138,8 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -23441,50 +24147,8 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -23492,151 +24156,485 @@ exports[`Collapsible nested table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 0,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 1,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 3,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "branches": Object {
@@ -24106,305 +25104,295 @@ exports[`Collapsible nested table 1`] = `
                   ]
                 }
               >
-                <tbody
+                <BaseBody
                   className=""
-                  key="tbody-0"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
+                        "property": "column-0",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Workspaces",
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -24456,536 +25444,164 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-152"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__toggle"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className="pf-c-table__toggle"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node0 expandable-toggle0"
-                              id="expandable-toggle0"
-                              isOpen={false}
-                              onToggle={[Function]}
-                            >
-                              <Button
-                                aria-expanded={false}
-                                aria-label="Details"
-                                aria-labelledby="simple-node0 expandable-toggle0"
-                                className=""
-                                id="expandable-toggle0"
-                                onClick={[Function]}
-                                variant="plain"
-                              >
-                                <button
-                                  aria-disabled={false}
-                                  aria-expanded={false}
-                                  aria-label="Details"
-                                  aria-labelledby="simple-node0 expandable-toggle0"
-                                  className="pf-c-button pf-m-plain"
-                                  data-ouia-component-id="OUIA-Generated-Button-plain-9"
-                                  data-ouia-component-type="PF4/Button"
-                                  data-ouia-safe={true}
-                                  disabled={false}
-                                  id="expandable-toggle0"
-                                  onClick={[Function]}
-                                  role={null}
-                                  type="button"
-                                >
-                                  <div
-                                    className="pf-c-table__toggle-icon"
-                                  >
-                                    <AngleDownIcon
-                                      color="currentColor"
-                                      noVerticalAlign={false}
-                                      size="sm"
-                                    >
-                                      <svg
-                                        aria-hidden={true}
-                                        aria-labelledby={null}
-                                        fill="currentColor"
-                                        height="1em"
-                                        role="img"
-                                        style={
-                                          Object {
-                                            "verticalAlign": "-0.125em",
-                                          }
-                                        }
-                                        viewBox="0 0 320 512"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                        />
-                                      </svg>
-                                    </AngleDownIcon>
-                                  </div>
-                                </button>
-                              </Button>
-                            </CollapseColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-0"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -25008,14 +25624,13 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 1,
+                        "id": 4,
                         "isExpanded": false,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
-                        "isOpen": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -25023,7 +25638,7 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "five",
                         },
-                        "parent": 0,
+                        "parent": 3,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -25038,562 +25653,349 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 1,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "parent": 0,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-153"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__toggle"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className="pf-c-table__toggle"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node1 expandable-toggle1"
-                              id="expandable-toggle1"
-                              isOpen={true}
-                              onToggle={[Function]}
-                            >
-                              <Button
-                                aria-expanded={true}
-                                aria-label="Details"
-                                aria-labelledby="simple-node1 expandable-toggle1"
-                                className="pf-m-expanded"
-                                id="expandable-toggle1"
-                                onClick={[Function]}
-                                variant="plain"
-                              >
-                                <button
-                                  aria-disabled={false}
-                                  aria-expanded={true}
-                                  aria-label="Details"
-                                  aria-labelledby="simple-node1 expandable-toggle1"
-                                  className="pf-c-button pf-m-plain pf-m-expanded"
-                                  data-ouia-component-id="OUIA-Generated-Button-plain-10"
-                                  data-ouia-component-type="PF4/Button"
-                                  data-ouia-safe={true}
-                                  disabled={false}
-                                  id="expandable-toggle1"
-                                  onClick={[Function]}
-                                  role={null}
-                                  type="button"
-                                >
-                                  <div
-                                    className="pf-c-table__toggle-icon"
-                                  >
-                                    <AngleDownIcon
-                                      color="currentColor"
-                                      noVerticalAlign={false}
-                                      size="sm"
-                                    >
-                                      <svg
-                                        aria-hidden={true}
-                                        aria-labelledby={null}
-                                        fill="currentColor"
-                                        height="1em"
-                                        role="img"
-                                        style={
-                                          Object {
-                                            "verticalAlign": "-0.125em",
-                                          }
-                                        }
-                                        viewBox="0 0 320 512"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                        />
-                                      </svg>
-                                    </AngleDownIcon>
-                                  </div>
-                                </button>
-                              </Button>
-                            </CollapseColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          id="expanded-content1-1"
-                          isVisible={true}
-                          key="col-1-row-1"
-                          parentId={0}
-                        >
-                          <th
-                            className=""
-                            colSpan={1}
-                            data-key={1}
-                            id="expanded-content1-1"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-1"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={2}
-                          data-label="Branches"
-                          id="expanded-content1-2"
-                          isVisible={true}
-                          key="col-2-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={2}
-                            id="expanded-content1-2"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={3}
-                          data-label="Pull requests"
-                          id="expanded-content1-3"
-                          isVisible={true}
-                          key="col-3-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={3}
-                            id="expanded-content1-3"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={4}
-                          data-label="Workspaces"
-                          id="expanded-content1-4"
-                          isVisible={true}
-                          key="col-4-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={4}
-                            id="expanded-content1-4"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={5}
-                          data-label="Last Commit"
-                          id="expanded-content1-5"
-                          isVisible={true}
-                          key="col-5-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={5}
-                            id="expanded-content1-5"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-0",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -25645,510 +26047,264 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "parent": 1,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-154"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node2 expandable-toggle2"
-                              id="expandable-toggle2"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          id="expanded-content2-1"
-                          isVisible={true}
-                          key="col-1-row-2"
-                          parentId={1}
-                        >
-                          <th
-                            className=""
-                            colSpan={1}
-                            data-key={1}
-                            id="expanded-content2-1"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-2"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={2}
-                          data-label="Branches"
-                          id="expanded-content2-2"
-                          isVisible={true}
-                          key="col-2-row-2"
-                          parentId={1}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={2}
-                            id="expanded-content2-2"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={3}
-                          data-label="Pull requests"
-                          id="expanded-content2-3"
-                          isVisible={true}
-                          key="col-3-row-2"
-                          parentId={1}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={3}
-                            id="expanded-content2-3"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={4}
-                          data-label="Workspaces"
-                          id="expanded-content2-4"
-                          isVisible={true}
-                          key="col-4-row-2"
-                          parentId={1}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={4}
-                            id="expanded-content2-4"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={5}
-                          data-label="Last Commit"
-                          id="expanded-content2-5"
-                          isVisible={true}
-                          key="col-5-row-2"
-                          parentId={1}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={5}
-                            id="expanded-content2-5"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-1"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-0",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -26171,14 +26327,13 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "isOpen": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -26200,15 +26355,15 @@ exports[`Collapsible nested table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -26231,10 +26386,10 @@ exports[`Collapsible nested table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 3,
+                          "id": 0,
                           "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
+                          "isFirst": true,
+                          "isFirstVisible": true,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
@@ -26260,536 +26415,60 @@ exports[`Collapsible nested table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-155"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__toggle"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className="pf-c-table__toggle"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node3 expandable-toggle3"
-                              id="expandable-toggle3"
-                              isOpen={false}
-                              onToggle={[Function]}
-                            >
-                              <Button
-                                aria-expanded={false}
-                                aria-label="Details"
-                                aria-labelledby="simple-node3 expandable-toggle3"
-                                className=""
-                                id="expandable-toggle3"
-                                onClick={[Function]}
-                                variant="plain"
-                              >
-                                <button
-                                  aria-disabled={false}
-                                  aria-expanded={false}
-                                  aria-label="Details"
-                                  aria-labelledby="simple-node3 expandable-toggle3"
-                                  className="pf-c-button pf-m-plain"
-                                  data-ouia-component-id="OUIA-Generated-Button-plain-11"
-                                  data-ouia-component-type="PF4/Button"
-                                  data-ouia-safe={true}
-                                  disabled={false}
-                                  id="expandable-toggle3"
-                                  onClick={[Function]}
-                                  role={null}
-                                  type="button"
-                                >
-                                  <div
-                                    className="pf-c-table__toggle-icon"
-                                  >
-                                    <AngleDownIcon
-                                      color="currentColor"
-                                      noVerticalAlign={false}
-                                      size="sm"
-                                    >
-                                      <svg
-                                        aria-hidden={true}
-                                        aria-labelledby={null}
-                                        fill="currentColor"
-                                        height="1em"
-                                        role="img"
-                                        style={
-                                          Object {
-                                            "verticalAlign": "-0.125em",
-                                          }
-                                        }
-                                        viewBox="0 0 320 512"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                        />
-                                      </svg>
-                                    </AngleDownIcon>
-                                  </div>
-                                </button>
-                              </Button>
-                            </CollapseColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-3"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "header": Object {
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "one",
-                        },
-                        "id": 4,
-                        "isExpanded": false,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 1,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "parent": 3,
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "parent": 0,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -26812,7 +26491,7 @@ exports[`Collapsible nested table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 4,
+                          "id": 2,
                           "isExpanded": false,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -26826,7 +26505,7 @@ exports[`Collapsible nested table 1`] = `
                             },
                             "title": "five",
                           },
-                          "parent": 3,
+                          "parent": 1,
                           "pull-requests": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -26841,509 +26520,213 @@ exports[`Collapsible nested table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-156"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node4 expandable-toggle4"
-                              id="expandable-toggle4"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          id="expanded-content4-1"
-                          isVisible={true}
-                          key="col-1-row-4"
-                          parentId={3}
-                        >
-                          <th
-                            className=""
-                            colSpan={1}
-                            data-key={1}
-                            id="expanded-content4-1"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-4"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={2}
-                          data-label="Branches"
-                          id="expanded-content4-2"
-                          isVisible={true}
-                          key="col-2-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={2}
-                            id="expanded-content4-2"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={3}
-                          data-label="Pull requests"
-                          id="expanded-content4-3"
-                          isVisible={true}
-                          key="col-3-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={3}
-                            id="expanded-content4-3"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={4}
-                          data-label="Workspaces"
-                          id="expanded-content4-4"
-                          isVisible={true}
-                          key="col-4-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={4}
-                            id="expanded-content4-4"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={5}
-                          data-label="Last Commit"
-                          id="expanded-content4-5"
-                          isVisible={true}
-                          key="col-5-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={5}
-                            id="expanded-content4-5"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-2"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 4,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "parent": 3,
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 5,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -27366,7 +26749,7 @@ exports[`Collapsible nested table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 5,
+                          "id": 7,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -27394,1716 +26777,6340 @@ exports[`Collapsible nested table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
+                      isExpanded={false}
+                      key="tbody-0"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-157"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
+                        isExpanded={false}
                       >
-                        <BodyCell
+                        <tbody
                           className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-5"
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            <CollapseColumn
-                              aria-labelledby="simple-node5 expandable-toggle5"
-                              id="expandable-toggle5"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-170"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__toggle"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__toggle"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__toggle"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__toggle"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node0 expandable-toggle0"
+                                              id="expandable-toggle0"
+                                              isOpen={false}
+                                              onToggle={[Function]}
+                                            >
+                                              <Button
+                                                aria-expanded={false}
+                                                aria-label="Details"
+                                                aria-labelledby="simple-node0 expandable-toggle0"
+                                                className=""
+                                                id="expandable-toggle0"
+                                                onClick={[Function]}
+                                                variant="plain"
+                                              >
+                                                <button
+                                                  aria-disabled={false}
+                                                  aria-expanded={false}
+                                                  aria-label="Details"
+                                                  aria-labelledby="simple-node0 expandable-toggle0"
+                                                  className="pf-c-button pf-m-plain"
+                                                  data-ouia-component-id="OUIA-Generated-Button-plain-9"
+                                                  data-ouia-component-type="PF4/Button"
+                                                  data-ouia-safe={true}
+                                                  disabled={false}
+                                                  id="expandable-toggle0"
+                                                  onClick={[Function]}
+                                                  role={null}
+                                                  type="button"
+                                                >
+                                                  <div
+                                                    className="pf-c-table__toggle-icon"
+                                                  >
+                                                    <AngleDownIcon
+                                                      color="currentColor"
+                                                      noVerticalAlign={false}
+                                                      size="sm"
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        aria-labelledby={null}
+                                                        fill="currentColor"
+                                                        height="1em"
+                                                        role="img"
+                                                        style={
+                                                          Object {
+                                                            "verticalAlign": "-0.125em",
+                                                          }
+                                                        }
+                                                        viewBox="0 0 320 512"
+                                                        width="1em"
+                                                      >
+                                                        <path
+                                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                        />
+                                                      </svg>
+                                                    </AngleDownIcon>
+                                                  </div>
+                                                </button>
+                                              </Button>
+                                            </CollapseColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-0"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 0,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 0,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-171"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__toggle"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__toggle"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__toggle"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__toggle"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node1 expandable-toggle1"
+                                              id="expandable-toggle1"
+                                              isOpen={true}
+                                              onToggle={[Function]}
+                                            >
+                                              <Button
+                                                aria-expanded={true}
+                                                aria-label="Details"
+                                                aria-labelledby="simple-node1 expandable-toggle1"
+                                                className="pf-m-expanded"
+                                                id="expandable-toggle1"
+                                                onClick={[Function]}
+                                                variant="plain"
+                                              >
+                                                <button
+                                                  aria-disabled={false}
+                                                  aria-expanded={true}
+                                                  aria-label="Details"
+                                                  aria-labelledby="simple-node1 expandable-toggle1"
+                                                  className="pf-c-button pf-m-plain pf-m-expanded"
+                                                  data-ouia-component-id="OUIA-Generated-Button-plain-10"
+                                                  data-ouia-component-type="PF4/Button"
+                                                  data-ouia-safe={true}
+                                                  disabled={false}
+                                                  id="expandable-toggle1"
+                                                  onClick={[Function]}
+                                                  role={null}
+                                                  type="button"
+                                                >
+                                                  <div
+                                                    className="pf-c-table__toggle-icon"
+                                                  >
+                                                    <AngleDownIcon
+                                                      color="currentColor"
+                                                      noVerticalAlign={false}
+                                                      size="sm"
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        aria-labelledby={null}
+                                                        fill="currentColor"
+                                                        height="1em"
+                                                        role="img"
+                                                        style={
+                                                          Object {
+                                                            "verticalAlign": "-0.125em",
+                                                          }
+                                                        }
+                                                        viewBox="0 0 320 512"
+                                                        width="1em"
+                                                      >
+                                                        <path
+                                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                        />
+                                                      </svg>
+                                                    </AngleDownIcon>
+                                                  </div>
+                                                </button>
+                                              </Button>
+                                            </CollapseColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      id="expanded-content1-1"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                      parentId={0}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        id="expanded-content1-1"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          id="expanded-content1-1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            colSpan={1}
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            id="expanded-content1-1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-1"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={2}
+                                      data-label="Branches"
+                                      id="expanded-content1-2"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                      parentId={0}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        id="expanded-content1-2"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          id="expanded-content1-2"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={2}
+                                            data-label="Branches"
+                                            id="expanded-content1-2"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      id="expanded-content1-3"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                      parentId={0}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        id="expanded-content1-3"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          id="expanded-content1-3"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            id="expanded-content1-3"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      id="expanded-content1-4"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                      parentId={0}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        id="expanded-content1-4"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          id="expanded-content1-4"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            id="expanded-content1-4"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      id="expanded-content1-5"
+                                      isVisible={true}
+                                      key="col-5-row-1"
+                                      parentId={0}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        id="expanded-content1-5"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          id="expanded-content1-5"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            id="expanded-content1-5"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 1,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            <div
-                              id="test-headercol-5"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 1,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-3"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-172"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node2 expandable-toggle2"
+                                              id="expandable-toggle2"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      id="expanded-content2-1"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                      parentId={1}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel={null}
+                                        id="expanded-content2-1"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel={null}
+                                          id="expanded-content2-1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            colSpan={1}
+                                            data-key={1}
+                                            data-label={null}
+                                            id="expanded-content2-1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-2"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={2}
+                                      data-label="Branches"
+                                      id="expanded-content2-2"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                      parentId={1}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel={null}
+                                        id="expanded-content2-2"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel={null}
+                                          id="expanded-content2-2"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={2}
+                                            data-label={null}
+                                            id="expanded-content2-2"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      id="expanded-content2-3"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                      parentId={1}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel={null}
+                                        id="expanded-content2-3"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel={null}
+                                          id="expanded-content2-3"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={3}
+                                            data-label={null}
+                                            id="expanded-content2-3"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      id="expanded-content2-4"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                      parentId={1}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel={null}
+                                        id="expanded-content2-4"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel={null}
+                                          id="expanded-content2-4"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={4}
+                                            data-label={null}
+                                            id="expanded-content2-4"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      id="expanded-content2-5"
+                                      isVisible={true}
+                                      key="col-5-row-2"
+                                      parentId={1}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        id="expanded-content2-5"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          id="expanded-content2-5"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={5}
+                                            data-label={null}
+                                            id="expanded-content2-5"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
+                      isExpanded={false}
+                      key="tbody-1"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-158"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
+                        isExpanded={false}
                       >
-                        <BodyCell
+                        <tbody
                           className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node6 expandable-toggle6"
-                              id="expandable-toggle6"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-6"
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-6"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-173"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__toggle"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__toggle"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__toggle"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__toggle"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node3 expandable-toggle3"
+                                              id="expandable-toggle3"
+                                              isOpen={false}
+                                              onToggle={[Function]}
+                                            >
+                                              <Button
+                                                aria-expanded={false}
+                                                aria-label="Details"
+                                                aria-labelledby="simple-node3 expandable-toggle3"
+                                                className=""
+                                                id="expandable-toggle3"
+                                                onClick={[Function]}
+                                                variant="plain"
+                                              >
+                                                <button
+                                                  aria-disabled={false}
+                                                  aria-expanded={false}
+                                                  aria-label="Details"
+                                                  aria-labelledby="simple-node3 expandable-toggle3"
+                                                  className="pf-c-button pf-m-plain"
+                                                  data-ouia-component-id="OUIA-Generated-Button-plain-11"
+                                                  data-ouia-component-type="PF4/Button"
+                                                  data-ouia-safe={true}
+                                                  disabled={false}
+                                                  id="expandable-toggle3"
+                                                  onClick={[Function]}
+                                                  role={null}
+                                                  type="button"
+                                                >
+                                                  <div
+                                                    className="pf-c-table__toggle-icon"
+                                                  >
+                                                    <AngleDownIcon
+                                                      color="currentColor"
+                                                      noVerticalAlign={false}
+                                                      size="sm"
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        aria-labelledby={null}
+                                                        fill="currentColor"
+                                                        height="1em"
+                                                        role="img"
+                                                        style={
+                                                          Object {
+                                                            "verticalAlign": "-0.125em",
+                                                          }
+                                                        }
+                                                        viewBox="0 0 320 512"
+                                                        width="1em"
+                                                      >
+                                                        <path
+                                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                        />
+                                                      </svg>
+                                                    </AngleDownIcon>
+                                                  </div>
+                                                </button>
+                                              </Button>
+                                            </CollapseColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-3"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 3,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-4"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 3,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-174"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node4 expandable-toggle4"
+                                              id="expandable-toggle4"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      id="expanded-content4-1"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                      parentId={3}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel={null}
+                                        id="expanded-content4-1"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel={null}
+                                          id="expanded-content4-1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            colSpan={1}
+                                            data-key={1}
+                                            data-label={null}
+                                            id="expanded-content4-1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-4"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={2}
+                                      data-label="Branches"
+                                      id="expanded-content4-2"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                      parentId={3}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel={null}
+                                        id="expanded-content4-2"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel={null}
+                                          id="expanded-content4-2"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={2}
+                                            data-label={null}
+                                            id="expanded-content4-2"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      id="expanded-content4-3"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                      parentId={3}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel={null}
+                                        id="expanded-content4-3"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel={null}
+                                          id="expanded-content4-3"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={3}
+                                            data-label={null}
+                                            id="expanded-content4-3"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      id="expanded-content4-4"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                      parentId={3}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel={null}
+                                        id="expanded-content4-4"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel={null}
+                                          id="expanded-content4-4"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={4}
+                                            data-label={null}
+                                            id="expanded-content4-4"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      id="expanded-content4-5"
+                                      isVisible={true}
+                                      key="col-5-row-4"
+                                      parentId={3}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        id="expanded-content4-5"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          id="expanded-content4-5"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={5}
+                                            data-label={null}
+                                            id="expanded-content4-5"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                      key="tbody-2"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-159"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
+                        <tbody
                           className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node7 expandable-toggle7"
-                              id="expandable-toggle7"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-7"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-7"
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-5"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-175"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node5 expandable-toggle5"
+                                              id="expandable-toggle5"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-5"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                      key="tbody-3"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-160"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
+                        <tbody
                           className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-8"
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-176"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node6 expandable-toggle6"
+                                              id="expandable-toggle6"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-6"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-4"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            <CollapseColumn
-                              aria-labelledby="simple-node8 expandable-toggle8"
-                              id="expandable-toggle8"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-177"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node7 expandable-toggle7"
+                                              id="expandable-toggle7"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-7"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-5"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            <div
-                              id="test-headercol-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-178"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node8 expandable-toggle8"
+                                              id="expandable-toggle8"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-8"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -29242,7 +33249,7 @@ exports[`Collapsible table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    className=""
     columns={
       Array [
         Object {
@@ -29494,388 +33501,95 @@ exports[`Collapsible table 1`] = `
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 1,
-            "onCollapse": [Function],
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 5,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-17"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-17"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-0",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": [Function],
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 1,
+            "onCollapse": [Function],
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 5,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-38"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -30040,1606 +33754,780 @@ exports[`Collapsible table 1`] = `
                           "contentId": "expanded-content",
                           "dropdownDirection": "down",
                           "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 1,
-                          "onCollapse": [Function],
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Pull requests",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Pull requests",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 1,
-                          "onCollapse": [Function],
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 1,
-                          "onCollapse": [Function],
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 5,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      component="td"
-                      data-key={0}
-                      data-label=""
-                      key="0-header"
-                      scope=""
-                    >
-                      <td
-                        className=""
-                        data-key={0}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      />
-                    </HeaderCell>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={1}
-                      data-label="Header cell"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={1}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Branches"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Pull requests"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Workspaces"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={5}
-                      data-label="Last Commit"
-                      key="5-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={5}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "column-0",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": [Function],
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 5,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": true,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 0,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 3,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": true,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": true,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-0",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": [Function],
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  component="td"
+                                  data-key={0}
+                                  data-label=""
+                                  key="0-header"
+                                  scope=""
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="td"
+                                    data-key={0}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <td
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={0}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope=""
+                                      />
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={1}
+                                  data-label="Header cell"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Branches"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Pull requests"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Workspaces"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={5}
+                                  data-label="Last Commit"
+                                  key="5-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={5}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -31924,16 +34812,12 @@ exports[`Collapsible table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -31941,51 +34825,9 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -31993,431 +34835,9 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": true,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
                     "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
                   },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32425,51 +34845,8 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32477,51 +34854,9 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": true,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "isOpen": false,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32529,50 +34864,9 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "parent": 3,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32580,51 +34874,8 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32632,51 +34883,8 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32684,50 +34892,8 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -32735,151 +34901,483 @@ exports[`Collapsible table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 0,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 3,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "branches": Object {
@@ -33347,305 +35845,295 @@ exports[`Collapsible table 1`] = `
                   ]
                 }
               >
-                <tbody
-                  className="pf-m-expanded"
-                  key="tbody-0"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
+                        "property": "column-0",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Pull requests",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Workspaces",
+                        },
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": [Function],
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -33697,536 +36185,110 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-139"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__toggle"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className="pf-c-table__toggle"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node0 expandable-toggle0"
-                              id="expandable-toggle0"
-                              isOpen={true}
-                              onToggle={[Function]}
-                            >
-                              <Button
-                                aria-expanded={true}
-                                aria-label="Details"
-                                aria-labelledby="simple-node0 expandable-toggle0"
-                                className="pf-m-expanded"
-                                id="expandable-toggle0"
-                                onClick={[Function]}
-                                variant="plain"
-                              >
-                                <button
-                                  aria-disabled={false}
-                                  aria-expanded={true}
-                                  aria-label="Details"
-                                  aria-labelledby="simple-node0 expandable-toggle0"
-                                  className="pf-c-button pf-m-plain pf-m-expanded"
-                                  data-ouia-component-id="OUIA-Generated-Button-plain-7"
-                                  data-ouia-component-type="PF4/Button"
-                                  data-ouia-safe={true}
-                                  disabled={false}
-                                  id="expandable-toggle0"
-                                  onClick={[Function]}
-                                  role={null}
-                                  type="button"
-                                >
-                                  <div
-                                    className="pf-c-table__toggle-icon"
-                                  >
-                                    <AngleDownIcon
-                                      color="currentColor"
-                                      noVerticalAlign={false}
-                                      size="sm"
-                                    >
-                                      <svg
-                                        aria-hidden={true}
-                                        aria-labelledby={null}
-                                        fill="currentColor"
-                                        height="1em"
-                                        role="img"
-                                        style={
-                                          Object {
-                                            "verticalAlign": "-0.125em",
-                                          }
-                                        }
-                                        viewBox="0 0 320 512"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                        />
-                                      </svg>
-                                    </AngleDownIcon>
-                                  </div>
-                                </button>
-                              </Button>
-                            </CollapseColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-0"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "id": 1,
+                        "isExpanded": true,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -34249,13 +36311,14 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 1,
-                        "isExpanded": true,
+                        "id": 3,
+                        "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
+                        "isOpen": false,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -34263,7 +36326,6 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "five",
                         },
-                        "parent": 0,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -34278,510 +36340,296 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": true,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "parent": 0,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row pf-m-expanded"
-                        data-ouia-component-id="OUIA-Generated-TableRow-140"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node1 expandable-toggle1"
-                              id="expandable-toggle1"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          id="expanded-content1-1"
-                          isVisible={true}
-                          key="col-1-row-1"
-                          parentId={0}
-                        >
-                          <th
-                            className=""
-                            colSpan={1}
-                            data-key={1}
-                            id="expanded-content1-1"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-1"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={2}
-                          data-label="Branches"
-                          id="expanded-content1-2"
-                          isVisible={true}
-                          key="col-2-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={2}
-                            id="expanded-content1-2"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={3}
-                          data-label="Pull requests"
-                          id="expanded-content1-3"
-                          isVisible={true}
-                          key="col-3-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={3}
-                            id="expanded-content1-3"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={4}
-                          data-label="Workspaces"
-                          id="expanded-content1-4"
-                          isVisible={true}
-                          key="col-4-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={4}
-                            id="expanded-content1-4"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={5}
-                          data-label="Last Commit"
-                          id="expanded-content1-5"
-                          isVisible={true}
-                          key="col-5-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={5}
-                            id="expanded-content1-5"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-1"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-0",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
                         "cell": [Function],
                         "row": [Function],
                         "wrapper": [Function],
-                      }
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
                     }
-                    rowData={
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -34804,13 +36652,14 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 2,
+                        "id": 0,
                         "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
+                        "isOpen": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -34832,484 +36681,214 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-141"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node2 expandable-toggle2"
-                              id="expandable-toggle2"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-2"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-2"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": true,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -35332,14 +36911,13 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
-                        "isOpen": false,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -35361,536 +36939,109 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-142"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__toggle"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className="pf-c-table__toggle"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node3 expandable-toggle3"
-                              id="expandable-toggle3"
-                              isOpen={false}
-                              onToggle={[Function]}
-                            >
-                              <Button
-                                aria-expanded={false}
-                                aria-label="Details"
-                                aria-labelledby="simple-node3 expandable-toggle3"
-                                className=""
-                                id="expandable-toggle3"
-                                onClick={[Function]}
-                                variant="plain"
-                              >
-                                <button
-                                  aria-disabled={false}
-                                  aria-expanded={false}
-                                  aria-label="Details"
-                                  aria-labelledby="simple-node3 expandable-toggle3"
-                                  className="pf-c-button pf-m-plain"
-                                  data-ouia-component-id="OUIA-Generated-Button-plain-8"
-                                  data-ouia-component-type="PF4/Button"
-                                  data-ouia-safe={true}
-                                  disabled={false}
-                                  id="expandable-toggle3"
-                                  onClick={[Function]}
-                                  role={null}
-                                  type="button"
-                                >
-                                  <div
-                                    className="pf-c-table__toggle-icon"
-                                  >
-                                    <AngleDownIcon
-                                      color="currentColor"
-                                      noVerticalAlign={false}
-                                      size="sm"
-                                    >
-                                      <svg
-                                        aria-hidden={true}
-                                        aria-labelledby={null}
-                                        fill="currentColor"
-                                        height="1em"
-                                        role="img"
-                                        style={
-                                          Object {
-                                            "verticalAlign": "-0.125em",
-                                          }
-                                        }
-                                        viewBox="0 0 320 512"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
-                                        />
-                                      </svg>
-                                    </AngleDownIcon>
-                                  </div>
-                                </button>
-                              </Button>
-                            </CollapseColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-3"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -35913,44 +37064,95 @@ exports[`Collapsible table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
-                        "isExpanded": false,
+                        "id": 8,
+                        "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
                             "isVisible": true,
                           },
-                          "title": "five",
-                        },
-                        "parent": 3,
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -35973,8 +37175,8 @@ exports[`Collapsible table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 4,
-                          "isExpanded": false,
+                          "id": 1,
+                          "isExpanded": true,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
@@ -35987,7 +37189,7 @@ exports[`Collapsible table 1`] = `
                             },
                             "title": "five",
                           },
-                          "parent": 3,
+                          "parent": 0,
                           "pull-requests": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -36002,509 +37204,213 @@ exports[`Collapsible table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-143"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node4 expandable-toggle4"
-                              id="expandable-toggle4"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          id="expanded-content4-1"
-                          isVisible={true}
-                          key="col-1-row-4"
-                          parentId={3}
-                        >
-                          <th
-                            className=""
-                            colSpan={1}
-                            data-key={1}
-                            id="expanded-content4-1"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-4"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={2}
-                          data-label="Branches"
-                          id="expanded-content4-2"
-                          isVisible={true}
-                          key="col-2-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={2}
-                            id="expanded-content4-2"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={3}
-                          data-label="Pull requests"
-                          id="expanded-content4-3"
-                          isVisible={true}
-                          key="col-3-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={3}
-                            id="expanded-content4-3"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={4}
-                          data-label="Workspaces"
-                          id="expanded-content4-4"
-                          isVisible={true}
-                          key="col-4-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={4}
-                            id="expanded-content4-4"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className=""
-                          colSpan={1}
-                          data-key={5}
-                          data-label="Last Commit"
-                          id="expanded-content4-5"
-                          isVisible={true}
-                          key="col-5-row-4"
-                          parentId={3}
-                        >
-                          <td
-                            className=""
-                            colSpan={1}
-                            data-key={5}
-                            id="expanded-content4-5"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-3"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 4,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "parent": 3,
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "one",
-                        },
-                        "id": 5,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -36527,7 +37433,7 @@ exports[`Collapsible table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 5,
+                          "id": 6,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -36555,1716 +37461,6294 @@ exports[`Collapsible table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-144"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node5 expandable-toggle5"
-                              id="expandable-toggle5"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-5"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-4"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "header": Object {
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                       ]
                     }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
                   >
-                    <RowWrapper
+                    <BaseTableBody
+                      className=""
+                      isExpanded={true}
+                      key="tbody-0"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                        isExpanded={true}
+                      >
+                        <tbody
+                          className="pf-m-expanded"
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-157"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__toggle"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__toggle"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__toggle"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__toggle"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node0 expandable-toggle0"
+                                              id="expandable-toggle0"
+                                              isOpen={true}
+                                              onToggle={[Function]}
+                                            >
+                                              <Button
+                                                aria-expanded={true}
+                                                aria-label="Details"
+                                                aria-labelledby="simple-node0 expandable-toggle0"
+                                                className="pf-m-expanded"
+                                                id="expandable-toggle0"
+                                                onClick={[Function]}
+                                                variant="plain"
+                                              >
+                                                <button
+                                                  aria-disabled={false}
+                                                  aria-expanded={true}
+                                                  aria-label="Details"
+                                                  aria-labelledby="simple-node0 expandable-toggle0"
+                                                  className="pf-c-button pf-m-plain pf-m-expanded"
+                                                  data-ouia-component-id="OUIA-Generated-Button-plain-7"
+                                                  data-ouia-component-type="PF4/Button"
+                                                  data-ouia-safe={true}
+                                                  disabled={false}
+                                                  id="expandable-toggle0"
+                                                  onClick={[Function]}
+                                                  role={null}
+                                                  type="button"
+                                                >
+                                                  <div
+                                                    className="pf-c-table__toggle-icon"
+                                                  >
+                                                    <AngleDownIcon
+                                                      color="currentColor"
+                                                      noVerticalAlign={false}
+                                                      size="sm"
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        aria-labelledby={null}
+                                                        fill="currentColor"
+                                                        height="1em"
+                                                        role="img"
+                                                        style={
+                                                          Object {
+                                                            "verticalAlign": "-0.125em",
+                                                          }
+                                                        }
+                                                        viewBox="0 0 320 512"
+                                                        width="1em"
+                                                      >
+                                                        <path
+                                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                        />
+                                                      </svg>
+                                                    </AngleDownIcon>
+                                                  </div>
+                                                </button>
+                                              </Button>
+                                            </CollapseColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-0"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": true,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 0,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": true,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 0,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={true}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row pf-m-expanded"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-158"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node1 expandable-toggle1"
+                                              id="expandable-toggle1"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      id="expanded-content1-1"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                      parentId={0}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        id="expanded-content1-1"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          id="expanded-content1-1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            colSpan={1}
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            id="expanded-content1-1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-1"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={2}
+                                      data-label="Branches"
+                                      id="expanded-content1-2"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                      parentId={0}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        id="expanded-content1-2"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          id="expanded-content1-2"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={2}
+                                            data-label="Branches"
+                                            id="expanded-content1-2"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      id="expanded-content1-3"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                      parentId={0}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        id="expanded-content1-3"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          id="expanded-content1-3"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            id="expanded-content1-3"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      id="expanded-content1-4"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                      parentId={0}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        id="expanded-content1-4"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          id="expanded-content1-4"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            id="expanded-content1-4"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      id="expanded-content1-5"
+                                      isVisible={true}
+                                      key="col-5-row-1"
+                                      parentId={0}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        id="expanded-content1-5"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          id="expanded-content1-5"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            id="expanded-content1-5"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
+                      key="tbody-1"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-145"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
+                        <tbody
                           className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-6"
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            <CollapseColumn
-                              aria-labelledby="simple-node6 expandable-toggle6"
-                              id="expandable-toggle6"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-6"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-159"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node2 expandable-toggle2"
+                                              id="expandable-toggle2"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-2"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      isExpanded={false}
+                      key="tbody-2"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                        isExpanded={false}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            <div
-                              id="test-headercol-6"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-160"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__toggle"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__toggle"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__toggle"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__toggle"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node3 expandable-toggle3"
+                                              id="expandable-toggle3"
+                                              isOpen={false}
+                                              onToggle={[Function]}
+                                            >
+                                              <Button
+                                                aria-expanded={false}
+                                                aria-label="Details"
+                                                aria-labelledby="simple-node3 expandable-toggle3"
+                                                className=""
+                                                id="expandable-toggle3"
+                                                onClick={[Function]}
+                                                variant="plain"
+                                              >
+                                                <button
+                                                  aria-disabled={false}
+                                                  aria-expanded={false}
+                                                  aria-label="Details"
+                                                  aria-labelledby="simple-node3 expandable-toggle3"
+                                                  className="pf-c-button pf-m-plain"
+                                                  data-ouia-component-id="OUIA-Generated-Button-plain-8"
+                                                  data-ouia-component-type="PF4/Button"
+                                                  data-ouia-safe={true}
+                                                  disabled={false}
+                                                  id="expandable-toggle3"
+                                                  onClick={[Function]}
+                                                  role={null}
+                                                  type="button"
+                                                >
+                                                  <div
+                                                    className="pf-c-table__toggle-icon"
+                                                  >
+                                                    <AngleDownIcon
+                                                      color="currentColor"
+                                                      noVerticalAlign={false}
+                                                      size="sm"
+                                                    >
+                                                      <svg
+                                                        aria-hidden={true}
+                                                        aria-labelledby={null}
+                                                        fill="currentColor"
+                                                        height="1em"
+                                                        role="img"
+                                                        style={
+                                                          Object {
+                                                            "verticalAlign": "-0.125em",
+                                                          }
+                                                        }
+                                                        viewBox="0 0 320 512"
+                                                        width="1em"
+                                                      >
+                                                        <path
+                                                          d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+                                                        />
+                                                      </svg>
+                                                    </AngleDownIcon>
+                                                  </div>
+                                                </button>
+                                              </Button>
+                                            </CollapseColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-3"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 3,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-5"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 3,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-161"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node4 expandable-toggle4"
+                                              id="expandable-toggle4"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      id="expanded-content4-1"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                      parentId={3}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel={null}
+                                        id="expanded-content4-1"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel={null}
+                                          id="expanded-content4-1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            colSpan={1}
+                                            data-key={1}
+                                            data-label={null}
+                                            id="expanded-content4-1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-4"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={2}
+                                      data-label="Branches"
+                                      id="expanded-content4-2"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                      parentId={3}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel={null}
+                                        id="expanded-content4-2"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel={null}
+                                          id="expanded-content4-2"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={2}
+                                            data-label={null}
+                                            id="expanded-content4-2"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      id="expanded-content4-3"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                      parentId={3}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel={null}
+                                        id="expanded-content4-3"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel={null}
+                                          id="expanded-content4-3"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={3}
+                                            data-label={null}
+                                            id="expanded-content4-3"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      id="expanded-content4-4"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                      parentId={3}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel={null}
+                                        id="expanded-content4-4"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel={null}
+                                          id="expanded-content4-4"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={4}
+                                            data-label={null}
+                                            id="expanded-content4-4"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className=""
+                                      colSpan={1}
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      id="expanded-content4-5"
+                                      isVisible={true}
+                                      key="col-5-row-4"
+                                      parentId={3}
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        colSpan={1}
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        id="expanded-content4-5"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          colSpan={1}
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          id="expanded-content4-5"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            colSpan={1}
+                                            data-key={5}
+                                            data-label={null}
+                                            id="expanded-content4-5"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                      key="tbody-3"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-146"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
+                        <tbody
                           className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-7"
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-162"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node5 expandable-toggle5"
+                                              id="expandable-toggle5"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-5"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-4"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            <CollapseColumn
-                              aria-labelledby="simple-node7 expandable-toggle7"
-                              id="expandable-toggle7"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-7"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-163"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node6 expandable-toggle6"
+                                              id="expandable-toggle6"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-6"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-5"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            <div
-                              id="test-headercol-7"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-6"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": [Function],
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-164"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node7 expandable-toggle7"
+                                              id="expandable-toggle7"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-7"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-6"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-147"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
+                        <tbody
                           className=""
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <CollapseColumn
-                              aria-labelledby="simple-node8 expandable-toggle8"
-                              id="expandable-toggle8"
-                              onToggle={[Function]}
-                            />
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-8"
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": [Function],
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            <div
-                              id="test-headercol-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-165"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className=""
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <CollapseColumn
+                                              aria-labelledby="simple-node8 expandable-toggle8"
+                                              id="expandable-toggle8"
+                                              onToggle={[Function]}
+                                            />
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-8"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -38368,7 +43852,7 @@ exports[`Compound Expandable table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md pf-m-expandable"
+    className=""
     columns={
       Array [
         Object {
@@ -38467,9 +43951,9 @@ exports[`Compound Expandable table 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-18"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -38483,745 +43967,399 @@ exports[`Compound Expandable table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md pf-m-expandable"
-      data-ouia-component-id="OUIA-Generated-Table-18"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
+      variant={null}
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-40"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": [Function],
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "col1",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "col1",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "col1",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": [Function],
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "col2",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "col2",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "col2",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
-                    Array [
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": [Function],
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "col1",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "col1",
-                        "props": Object {
-                          "data-key": 0,
-                          "data-label": "col1",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": [Function],
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "col2",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "col2",
-                        "props": Object {
-                          "data-key": 1,
-                          "data-label": "col2",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      data-key={0}
-                      data-label="col1"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={0}
-                        data-label="col1"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        col1
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="col2"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="col2"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        col2
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": [Function],
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "col1",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "col1",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "col1",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": [Function],
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "col2",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "col2",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "col2",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  Object {
-                    "props": Object {
-                      "isOpen": true,
-                    },
-                    "title": "1",
-                  },
-                  Object {
-                    "props": Object {
-                      "isOpen": false,
-                    },
-                    "title": "2",
-                  },
-                ],
-                "isOpen": true,
-              },
-              Object {
-                "cells": Array [
-                  Object {
-                    "props": Object {
-                      "colSpan": 2,
-                    },
-                    "title": "expanded",
-                  },
-                ],
-                "compoundParent": 0,
-                "parent": 0,
-              },
-              Object {
-                "cells": Array [
-                  Object {
-                    "props": Object {
-                      "isOpen": false,
-                    },
-                    "title": "3",
-                  },
-                  Object {
-                    "props": Object {
-                      "isOpen": false,
-                    },
-                    "title": "4",
-                  },
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  Object {
-                    "props": Object {
-                      "colSpan": 2,
-                    },
-                    "title": "expanded",
-                  },
-                ],
-                "compoundParent": 0,
-                "parent": 2,
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "isOpen": true,
-                      },
-                      "title": "1",
-                    },
-                    Object {
-                      "props": Object {
-                        "isOpen": false,
-                      },
-                      "title": "2",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": true,
-                      "isVisible": true,
-                    },
-                    "title": "1",
-                  },
-                  "col2": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": false,
-                      "isVisible": true,
-                    },
-                    "title": "2",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                },
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "colSpan": 2,
-                      },
-                      "title": "expanded",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "colSpan": 2,
-                      "isVisible": true,
-                    },
-                    "title": "expanded",
-                  },
-                  "compoundParent": 0,
-                  "id": 1,
-                  "isExpanded": true,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "parent": 0,
-                },
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "isOpen": false,
-                      },
-                      "title": "3",
-                    },
-                    Object {
-                      "props": Object {
-                        "isOpen": false,
-                      },
-                      "title": "4",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": false,
-                      "isVisible": true,
-                    },
-                    "title": "3",
-                  },
-                  "col2": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": false,
-                      "isVisible": true,
-                    },
-                    "title": "4",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": true,
-                  "isOpen": false,
-                },
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "colSpan": 2,
-                      },
-                      "title": "expanded",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "colSpan": 2,
-                      "isVisible": true,
-                    },
-                    "title": "expanded",
-                  },
-                  "compoundParent": 0,
-                  "id": 3,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": false,
-                  "parent": 2,
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "isOpen": true,
-                      },
-                      "title": "1",
-                    },
-                    Object {
-                      "props": Object {
-                        "isOpen": false,
+                <BaseHeader
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": [Function],
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "col1",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "col1",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "col1",
+                        },
                       },
-                      "title": "2",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": true,
-                      "isVisible": true,
-                    },
-                    "title": "1",
-                  },
-                  "col2": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": false,
-                      "isVisible": true,
-                    },
-                    "title": "2",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                },
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "colSpan": 2,
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": [Function],
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "col2",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "col2",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "col2",
+                        },
                       },
-                      "title": "expanded",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "colSpan": 2,
-                      "isVisible": true,
-                    },
-                    "title": "expanded",
-                  },
-                  "compoundParent": 0,
-                  "id": 1,
-                  "isExpanded": true,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "parent": 0,
-                },
-                Object {
-                  "cells": Array [
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
                     Object {
-                      "props": Object {
-                        "isOpen": false,
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
                       },
-                      "title": "3",
-                    },
-                    Object {
-                      "props": Object {
-                        "isOpen": false,
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
                       },
-                      "title": "4",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": false,
-                      "isVisible": true,
-                    },
-                    "title": "3",
-                  },
-                  "col2": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isOpen": false,
-                      "isVisible": true,
-                    },
-                    "title": "4",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": true,
-                  "isOpen": false,
-                },
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "colSpan": 2,
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
                       },
-                      "title": "expanded",
-                    },
-                  ],
-                  "col1": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "colSpan": 2,
-                      "isVisible": true,
-                    },
-                    "title": "expanded",
-                  },
-                  "compoundParent": 0,
-                  "id": 3,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": false,
-                  "parent": 2,
-                },
-              ]
-            }
-          >
-            <BaseBody
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": [Function],
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "col1",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "col1",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "col1",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": [Function],
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "col2",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "col2",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "col2",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  data-key={0}
+                                  data-label="col1"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={0}
+                                    data-label="col1"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={0}
+                                      data-label="col1"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={0}
+                                        data-label="col1"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        col1
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="col2"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="col2"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="col2"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="col2"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        col2
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -39320,7 +44458,10 @@ exports[`Compound Expandable table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
                     "cells": Array [
@@ -39337,29 +44478,6 @@ exports[`Compound Expandable table 1`] = `
                         "title": "2",
                       },
                     ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": true,
-                        "isVisible": true,
-                      },
-                      "title": "1",
-                    },
-                    "col2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": false,
-                        "isVisible": true,
-                      },
-                      "title": "2",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": true,
                   },
                   Object {
@@ -39371,22 +44489,7 @@ exports[`Compound Expandable table 1`] = `
                         "title": "expanded",
                       },
                     ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "colSpan": 2,
-                        "isVisible": true,
-                      },
-                      "title": "expanded",
-                    },
                     "compoundParent": 0,
-                    "id": 1,
-                    "isExpanded": true,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "parent": 0,
                   },
                   Object {
@@ -39404,29 +44507,6 @@ exports[`Compound Expandable table 1`] = `
                         "title": "4",
                       },
                     ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": false,
-                        "isVisible": true,
-                      },
-                      "title": "3",
-                    },
-                    "col2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": false,
-                        "isVisible": true,
-                      },
-                      "title": "4",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": true,
                     "isOpen": false,
                   },
                   Object {
@@ -39438,186 +44518,156 @@ exports[`Compound Expandable table 1`] = `
                         "title": "expanded",
                       },
                     ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "colSpan": 2,
-                        "isVisible": true,
-                      },
-                      "title": "expanded",
-                    },
                     "compoundParent": 0,
-                    "id": 3,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": false,
                     "parent": 2,
                   },
                 ]
               }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "cells": Array [
-                      Object {
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "cells": Array [
+                        Object {
+                          "props": Object {
+                            "isOpen": true,
+                          },
+                          "title": "1",
+                        },
+                        Object {
+                          "props": Object {
+                            "isOpen": false,
+                          },
+                          "title": "2",
+                        },
+                      ],
+                      "col1": Object {
+                        "formatters": Array [],
                         "props": Object {
                           "isOpen": true,
+                          "isVisible": true,
                         },
                         "title": "1",
                       },
-                      Object {
+                      "col2": Object {
+                        "formatters": Array [],
                         "props": Object {
                           "isOpen": false,
+                          "isVisible": true,
                         },
                         "title": "2",
                       },
-                    ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": true,
-                        "isVisible": true,
-                      },
-                      "title": "1",
-                    },
-                    "col2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": false,
-                        "isVisible": true,
-                      },
-                      "title": "2",
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": true,
                     },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                  },
-                  Object {
-                    "cells": Array [
-                      Object {
+                    Object {
+                      "cells": Array [
+                        Object {
+                          "props": Object {
+                            "colSpan": 2,
+                          },
+                          "title": "expanded",
+                        },
+                      ],
+                      "col1": Object {
+                        "formatters": Array [],
                         "props": Object {
                           "colSpan": 2,
+                          "isVisible": true,
                         },
                         "title": "expanded",
                       },
-                    ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "colSpan": 2,
-                        "isVisible": true,
-                      },
-                      "title": "expanded",
+                      "compoundParent": 0,
+                      "id": 1,
+                      "isExpanded": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "parent": 0,
                     },
-                    "compoundParent": 0,
-                    "id": 1,
-                    "isExpanded": true,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "parent": 0,
-                  },
-                  Object {
-                    "cells": Array [
-                      Object {
+                    Object {
+                      "cells": Array [
+                        Object {
+                          "props": Object {
+                            "isOpen": false,
+                          },
+                          "title": "3",
+                        },
+                        Object {
+                          "props": Object {
+                            "isOpen": false,
+                          },
+                          "title": "4",
+                        },
+                      ],
+                      "col1": Object {
+                        "formatters": Array [],
                         "props": Object {
                           "isOpen": false,
+                          "isVisible": true,
                         },
                         "title": "3",
                       },
-                      Object {
+                      "col2": Object {
+                        "formatters": Array [],
                         "props": Object {
                           "isOpen": false,
+                          "isVisible": true,
                         },
                         "title": "4",
                       },
-                    ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": false,
-                        "isVisible": true,
-                      },
-                      "title": "3",
-                    },
-                    "col2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isOpen": false,
-                        "isVisible": true,
-                      },
-                      "title": "4",
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": true,
+                      "isOpen": false,
                     },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": true,
-                    "isOpen": false,
-                  },
-                  Object {
-                    "cells": Array [
-                      Object {
+                    Object {
+                      "cells": Array [
+                        Object {
+                          "props": Object {
+                            "colSpan": 2,
+                          },
+                          "title": "expanded",
+                        },
+                      ],
+                      "col1": Object {
+                        "formatters": Array [],
                         "props": Object {
                           "colSpan": 2,
+                          "isVisible": true,
                         },
                         "title": "expanded",
                       },
-                    ],
-                    "col1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "colSpan": 2,
-                        "isVisible": true,
-                      },
-                      "title": "expanded",
+                      "compoundParent": 0,
+                      "id": 3,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": false,
+                      "parent": 2,
                     },
-                    "compoundParent": 0,
-                    "id": 3,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": false,
-                    "parent": 2,
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "cells": Array [
@@ -39734,141 +44784,131 @@ exports[`Compound Expandable table 1`] = `
                           },
                           "title": "expanded",
                         },
-                      ],
-                      "col1": Object {
-                        "formatters": Array [],
+                      ],
+                      "col1": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "colSpan": 2,
+                          "isVisible": true,
+                        },
+                        "title": "expanded",
+                      },
+                      "compoundParent": 0,
+                      "id": 3,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": false,
+                      "parent": 2,
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": [Function],
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "col1",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "col1",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "col1",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": [Function],
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "col2",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "col2",
                         "props": Object {
-                          "colSpan": 2,
-                          "isVisible": true,
+                          "data-key": 1,
+                          "data-label": "col2",
                         },
-                        "title": "expanded",
                       },
-                      "compoundParent": 0,
-                      "id": 3,
-                      "isExpanded": false,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": false,
-                      "parent": 2,
-                    },
-                  ]
-                }
-              >
-                <tbody
-                  className="pf-m-expanded"
-                  key="tbody-0"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col1",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "col1",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "col1",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col2",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "col2",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "col2",
-                          },
-                        },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "cells": Array [
                           Object {
@@ -39908,243 +44948,74 @@ exports[`Compound Expandable table 1`] = `
                         "isLast": false,
                         "isLastVisible": false,
                         "isOpen": true,
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            Object {
-                              "props": Object {
-                                "isOpen": true,
-                              },
-                              "title": "1",
-                            },
-                            Object {
-                              "props": Object {
-                                "isOpen": false,
-                              },
-                              "title": "2",
-                            },
-                          ],
-                          "col1": Object {
-                            "formatters": Array [],
+                      },
+                      Object {
+                        "cells": Array [
+                          Object {
                             "props": Object {
-                              "isOpen": true,
-                              "isVisible": true,
+                              "colSpan": 2,
                             },
-                            "title": "1",
+                            "title": "expanded",
                           },
-                          "col2": Object {
-                            "formatters": Array [],
+                        ],
+                        "col1": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "colSpan": 2,
+                            "isVisible": true,
+                          },
+                          "title": "expanded",
+                        },
+                        "compoundParent": 0,
+                        "id": 1,
+                        "isExpanded": true,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "parent": 0,
+                      },
+                      Object {
+                        "cells": Array [
+                          Object {
                             "props": Object {
                               "isOpen": false,
-                              "isVisible": true,
                             },
-                            "title": "2",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": true,
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-148"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__compound-expansion-toggle pf-m-expanded"
-                          data-key={0}
-                          data-label="col1"
-                          isOpen={true}
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className="pf-c-table__compound-expansion-toggle pf-m-expanded"
-                            data-key={0}
-                            data-label="col1"
-                            onMouseEnter={[Function]}
-                          >
-                            <button
-                              aria-expanded={true}
-                              className="pf-c-table__button"
-                              onClick={[Function]}
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  1
-                                </span>
-                              </TableText>
-                            </button>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__compound-expansion-toggle"
-                          data-key={1}
-                          data-label="col2"
-                          isOpen={false}
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className="pf-c-table__compound-expansion-toggle"
-                            data-key={1}
-                            data-label="col2"
-                            onMouseEnter={[Function]}
-                          >
-                            <button
-                              aria-expanded={false}
-                              className="pf-c-table__button"
-                              onClick={[Function]}
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  2
-                                </span>
-                              </TableText>
-                            </button>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "title": "3",
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col1",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          Object {
+                            "props": Object {
+                              "isOpen": false,
+                            },
+                            "title": "4",
                           },
-                          "property": "col1",
+                        ],
+                        "col1": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "col1",
+                            "isOpen": false,
+                            "isVisible": true,
                           },
+                          "title": "3",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col2",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "col2",
+                        "col2": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "col2",
+                            "isOpen": false,
+                            "isVisible": true,
                           },
+                          "title": "4",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": true,
+                        "isOpen": false,
+                      },
                       Object {
                         "cells": Array [
                           Object {
@@ -40163,209 +45034,115 @@ exports[`Compound Expandable table 1`] = `
                           "title": "expanded",
                         },
                         "compoundParent": 0,
-                        "id": 1,
-                        "isExpanded": true,
+                        "id": 3,
+                        "isExpanded": false,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
+                        "isLast": true,
                         "isLastVisible": false,
-                        "parent": 0,
-                      }
+                        "parent": 2,
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
                     }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            Object {
-                              "props": Object {
-                                "colSpan": 2,
-                              },
-                              "title": "expanded",
-                            },
-                          ],
-                          "col1": Object {
-                            "formatters": Array [],
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "cells": Array [
+                          Object {
                             "props": Object {
-                              "colSpan": 2,
-                              "isVisible": true,
+                              "isOpen": true,
                             },
-                            "title": "expanded",
-                          },
-                          "compoundParent": 0,
-                          "id": 1,
-                          "isExpanded": true,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "parent": 0,
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row pf-m-expanded"
-                        data-ouia-component-id="OUIA-Generated-TableRow-149"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__compound-expansion-toggle"
-                          colSpan={2}
-                          data-key={0}
-                          data-label="col1"
-                          id="expanded-content1"
-                          isVisible={true}
-                          key="col-0-row-1"
-                          parentId={0}
-                        >
-                          <td
-                            className="pf-c-table__compound-expansion-toggle"
-                            colSpan={2}
-                            data-key={0}
-                            id="expanded-content1"
-                            onMouseEnter={[Function]}
-                          >
-                            expanded
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="col2"
-                          key="col-1-row-1"
-                          parentId={0}
-                        />
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-1"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "title": "1",
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col1",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          Object {
+                            "props": Object {
+                              "isOpen": false,
+                            },
+                            "title": "2",
                           },
-                          "property": "col1",
+                        ],
+                        "col1": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "col1",
+                            "isOpen": true,
+                            "isVisible": true,
                           },
+                          "title": "1",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col2",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "col2",
+                        "col2": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "col2",
+                            "isOpen": false,
+                            "isVisible": true,
                           },
+                          "title": "2",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cells": Array [
+                          Object {
+                            "props": Object {
+                              "colSpan": 2,
+                            },
+                            "title": "expanded",
+                          },
+                        ],
+                        "col1": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "colSpan": 2,
+                            "isVisible": true,
+                          },
+                          "title": "expanded",
+                        },
+                        "compoundParent": 0,
+                        "id": 1,
+                        "isExpanded": true,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "parent": 0,
+                      },
                       Object {
                         "cells": Array [
                           Object {
@@ -40405,15 +45182,109 @@ exports[`Compound Expandable table 1`] = `
                         "isLast": false,
                         "isLastVisible": true,
                         "isOpen": false,
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                      Object {
+                        "cells": Array [
+                          Object {
+                            "props": Object {
+                              "colSpan": 2,
+                            },
+                            "title": "expanded",
+                          },
+                        ],
+                        "col1": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "colSpan": 2,
+                            "isVisible": true,
+                          },
+                          "title": "expanded",
+                        },
+                        "compoundParent": 0,
+                        "id": 3,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": false,
+                        "parent": 2,
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "cells": Array [
+                            Object {
+                              "props": Object {
+                                "isOpen": true,
+                              },
+                              "title": "1",
+                            },
+                            Object {
+                              "props": Object {
+                                "isOpen": false,
+                              },
+                              "title": "2",
+                            },
+                          ],
+                          "col1": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isOpen": true,
+                              "isVisible": true,
+                            },
+                            "title": "1",
+                          },
+                          "col2": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isOpen": false,
+                              "isVisible": true,
+                            },
+                            "title": "2",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": true,
+                        },
+                        Object {
+                          "cells": Array [
+                            Object {
+                              "props": Object {
+                                "colSpan": 2,
+                              },
+                              "title": "expanded",
+                            },
+                          ],
+                          "col1": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "colSpan": 2,
+                              "isVisible": true,
+                            },
+                            "title": "expanded",
+                          },
+                          "compoundParent": 0,
+                          "id": 1,
+                          "isExpanded": true,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "parent": 0,
+                        },
                         Object {
                           "cells": Array [
                             Object {
@@ -40453,230 +45324,7 @@ exports[`Compound Expandable table 1`] = `
                           "isLast": false,
                           "isLastVisible": true,
                           "isOpen": false,
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-150"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__compound-expansion-toggle"
-                          data-key={0}
-                          data-label="col1"
-                          isOpen={false}
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className="pf-c-table__compound-expansion-toggle"
-                            data-key={0}
-                            data-label="col1"
-                            onMouseEnter={[Function]}
-                          >
-                            <button
-                              aria-expanded={false}
-                              className="pf-c-table__button"
-                              onClick={[Function]}
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  3
-                                </span>
-                              </TableText>
-                            </button>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__compound-expansion-toggle"
-                          data-key={1}
-                          data-label="col2"
-                          isOpen={false}
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className="pf-c-table__compound-expansion-toggle"
-                            data-key={1}
-                            data-label="col2"
-                            onMouseEnter={[Function]}
-                          >
-                            <button
-                              aria-expanded={false}
-                              className="pf-c-table__button"
-                              onClick={[Function]}
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  4
-                                </span>
-                              </TableText>
-                            </button>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col1",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "col1",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "col1",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": [Function],
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "col2",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "col2",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "col2",
-                          },
-                        },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "cells": Array [
-                          Object {
-                            "props": Object {
-                              "colSpan": 2,
-                            },
-                            "title": "expanded",
-                          },
-                        ],
-                        "col1": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "colSpan": 2,
-                            "isVisible": true,
-                          },
-                          "title": "expanded",
                         },
-                        "compoundParent": 0,
-                        "id": 3,
-                        "isExpanded": false,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": false,
-                        "parent": 2,
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "cells": Array [
                             Object {
@@ -40703,59 +45351,1208 @@ exports[`Compound Expandable table 1`] = `
                           "isLast": true,
                           "isLastVisible": false,
                           "parent": 2,
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
+                      isExpanded={true}
+                      key="tbody-0"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                        isExpanded={true}
+                      >
+                        <tbody
+                          className="pf-m-expanded"
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col1",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col1",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "col1",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col2",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col2",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "col2",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  Object {
+                                    "props": Object {
+                                      "isOpen": true,
+                                    },
+                                    "title": "1",
+                                  },
+                                  Object {
+                                    "props": Object {
+                                      "isOpen": false,
+                                    },
+                                    "title": "2",
+                                  },
+                                ],
+                                "col1": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isOpen": true,
+                                    "isVisible": true,
+                                  },
+                                  "title": "1",
+                                },
+                                "col2": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isOpen": false,
+                                    "isVisible": true,
+                                  },
+                                  "title": "2",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": true,
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    Object {
+                                      "props": Object {
+                                        "isOpen": true,
+                                      },
+                                      "title": "1",
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "isOpen": false,
+                                      },
+                                      "title": "2",
+                                    },
+                                  ],
+                                  "col1": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isOpen": true,
+                                      "isVisible": true,
+                                    },
+                                    "title": "1",
+                                  },
+                                  "col2": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isOpen": false,
+                                      "isVisible": true,
+                                    },
+                                    "title": "2",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": true,
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-166"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__compound-expansion-toggle pf-m-expanded"
+                                      data-key={0}
+                                      data-label="col1"
+                                      isOpen={true}
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__compound-expansion-toggle pf-m-expanded"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="col1"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__compound-expansion-toggle pf-m-expanded"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="col1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__compound-expansion-toggle pf-m-expanded"
+                                            data-key={0}
+                                            data-label="col1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <button
+                                              aria-expanded={true}
+                                              className="pf-c-table__button"
+                                              onClick={[Function]}
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  1
+                                                </span>
+                                              </TableText>
+                                            </button>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__compound-expansion-toggle"
+                                      data-key={1}
+                                      data-label="col2"
+                                      isOpen={false}
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__compound-expansion-toggle"
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="col2"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__compound-expansion-toggle"
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="col2"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__compound-expansion-toggle"
+                                            data-key={1}
+                                            data-label="col2"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <button
+                                              aria-expanded={false}
+                                              className="pf-c-table__button"
+                                              onClick={[Function]}
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  2
+                                                </span>
+                                              </TableText>
+                                            </button>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col1",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col1",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "col1",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col2",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col2",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "col2",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  Object {
+                                    "props": Object {
+                                      "colSpan": 2,
+                                    },
+                                    "title": "expanded",
+                                  },
+                                ],
+                                "col1": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "colSpan": 2,
+                                    "isVisible": true,
+                                  },
+                                  "title": "expanded",
+                                },
+                                "compoundParent": 0,
+                                "id": 1,
+                                "isExpanded": true,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "parent": 0,
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    Object {
+                                      "props": Object {
+                                        "colSpan": 2,
+                                      },
+                                      "title": "expanded",
+                                    },
+                                  ],
+                                  "col1": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "colSpan": 2,
+                                      "isVisible": true,
+                                    },
+                                    "title": "expanded",
+                                  },
+                                  "compoundParent": 0,
+                                  "id": 1,
+                                  "isExpanded": true,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "parent": 0,
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={true}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={true}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row pf-m-expanded"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-167"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__compound-expansion-toggle"
+                                      colSpan={2}
+                                      data-key={0}
+                                      data-label="col1"
+                                      id="expanded-content1"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                      parentId={0}
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__compound-expansion-toggle"
+                                        colSpan={2}
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="col1"
+                                        id="expanded-content1"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__compound-expansion-toggle"
+                                          colSpan={2}
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="col1"
+                                          id="expanded-content1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__compound-expansion-toggle"
+                                            colSpan={2}
+                                            data-key={0}
+                                            data-label="col1"
+                                            id="expanded-content1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            expanded
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="col2"
+                                      key="col-1-row-1"
+                                      parentId={0}
+                                    />
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      isExpanded={false}
+                      key="tbody-1"
                     >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-151"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                        isExpanded={false}
                       >
-                        <BodyCell
-                          className="pf-c-table__compound-expansion-toggle"
-                          colSpan={2}
-                          data-key={0}
-                          data-label="col1"
-                          id="expanded-content3"
-                          isVisible={true}
-                          key="col-0-row-3"
-                          parentId={2}
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className="pf-c-table__compound-expansion-toggle"
-                            colSpan={2}
-                            data-key={0}
-                            id="expanded-content3"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col1",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col1",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "col1",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col2",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col2",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "col2",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  Object {
+                                    "props": Object {
+                                      "isOpen": false,
+                                    },
+                                    "title": "3",
+                                  },
+                                  Object {
+                                    "props": Object {
+                                      "isOpen": false,
+                                    },
+                                    "title": "4",
+                                  },
+                                ],
+                                "col1": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isOpen": false,
+                                    "isVisible": true,
+                                  },
+                                  "title": "3",
+                                },
+                                "col2": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isOpen": false,
+                                    "isVisible": true,
+                                  },
+                                  "title": "4",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": true,
+                                "isOpen": false,
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    Object {
+                                      "props": Object {
+                                        "isOpen": false,
+                                      },
+                                      "title": "3",
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "isOpen": false,
+                                      },
+                                      "title": "4",
+                                    },
+                                  ],
+                                  "col1": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isOpen": false,
+                                      "isVisible": true,
+                                    },
+                                    "title": "3",
+                                  },
+                                  "col2": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isOpen": false,
+                                      "isVisible": true,
+                                    },
+                                    "title": "4",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": true,
+                                  "isOpen": false,
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-168"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__compound-expansion-toggle"
+                                      data-key={0}
+                                      data-label="col1"
+                                      isOpen={false}
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__compound-expansion-toggle"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="col1"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__compound-expansion-toggle"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="col1"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__compound-expansion-toggle"
+                                            data-key={0}
+                                            data-label="col1"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <button
+                                              aria-expanded={false}
+                                              className="pf-c-table__button"
+                                              onClick={[Function]}
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  3
+                                                </span>
+                                              </TableText>
+                                            </button>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__compound-expansion-toggle"
+                                      data-key={1}
+                                      data-label="col2"
+                                      isOpen={false}
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__compound-expansion-toggle"
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="col2"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__compound-expansion-toggle"
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="col2"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__compound-expansion-toggle"
+                                            data-key={1}
+                                            data-label="col2"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <button
+                                              aria-expanded={false}
+                                              className="pf-c-table__button"
+                                              onClick={[Function]}
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  4
+                                                </span>
+                                              </TableText>
+                                            </button>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col1",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col1",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "col1",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": [Function],
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "col2",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "col2",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "col2",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  Object {
+                                    "props": Object {
+                                      "colSpan": 2,
+                                    },
+                                    "title": "expanded",
+                                  },
+                                ],
+                                "col1": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "colSpan": 2,
+                                    "isVisible": true,
+                                  },
+                                  "title": "expanded",
+                                },
+                                "compoundParent": 0,
+                                "id": 3,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": false,
+                                "parent": 2,
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            expanded
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="col2"
-                          key="col-1-row-3"
-                          parentId={2}
-                        />
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    Object {
+                                      "props": Object {
+                                        "colSpan": 2,
+                                      },
+                                      "title": "expanded",
+                                    },
+                                  ],
+                                  "col1": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "colSpan": 2,
+                                      "isVisible": true,
+                                    },
+                                    "title": "expanded",
+                                  },
+                                  "compoundParent": 0,
+                                  "id": 3,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": false,
+                                  "parent": 2,
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-169"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__compound-expansion-toggle"
+                                      colSpan={2}
+                                      data-key={0}
+                                      data-label="col1"
+                                      id="expanded-content3"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                      parentId={2}
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__compound-expansion-toggle"
+                                        colSpan={2}
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        id="expanded-content3"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__compound-expansion-toggle"
+                                          colSpan={2}
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          id="expanded-content3"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__compound-expansion-toggle"
+                                            colSpan={2}
+                                            data-key={0}
+                                            data-label={null}
+                                            id="expanded-content3"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            expanded
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="col2"
+                                      key="col-1-row-3"
+                                      parentId={2}
+                                    />
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -40911,7 +46708,7 @@ exports[`Control text table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    className=""
     columns={
       Array [
         Object {
@@ -40956,489 +46753,249 @@ exports[`Control text table 1`] = `
             ],
           },
           "property": "header-cell",
-          "props": Object {
-            "data-key": 0,
-            "data-label": "Header cell",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "new object column",
-            "transforms": Array [
-              [Function],
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "new-object-column",
-          "props": Object {
-            "data-key": 1,
-            "data-label": "new object column",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Pull requests",
-            "transforms": Array [
-              [Function],
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "pull-requests",
-          "props": Object {
-            "data-key": 2,
-            "data-label": "Pull requests",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "new object column",
-            "transforms": Array [
-              [Function],
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "new-object-column",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "new object column",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-22"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-22"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "new object column",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "new-object-column",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "new object column",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "new object column",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "new-object-column",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "new object column",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          "props": Object {
+            "data-key": 0,
+            "data-label": "Header cell",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "new object column",
+            "transforms": Array [
+              [Function],
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "new-object-column",
+          "props": Object {
+            "data-key": 1,
+            "data-label": "new object column",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Pull requests",
+            "transforms": Array [
+              [Function],
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "pull-requests",
+          "props": Object {
+            "data-key": 2,
+            "data-label": "Pull requests",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "new object column",
+            "transforms": Array [
+              [Function],
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "new-object-column",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "new object column",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-48"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -41669,1252 +47226,520 @@ exports[`Control text table 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      className="pf-m-nowrap"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        className="pf-m-nowrap"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Header cell
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      className="pf-m-wrap"
-                      data-key={1}
-                      data-label="new object column"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className="pf-m-wrap"
-                        data-key={1}
-                        data-label="new object column"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        new object column
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      className="pf-m-break-word"
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className="pf-m-break-word"
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      className="pf-m-truncate"
-                      data-key={3}
-                      data-label="new object column"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className="pf-m-truncate"
-                        data-key={3}
-                        data-label="new object column"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        new object column
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      className="pf-m-fit-content"
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        className="pf-m-fit-content"
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "new object column",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "new-object-column",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "new object column",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "new object column",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "new-object-column",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "new object column",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": true,
-                "parent": 0,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 1,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 3,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-                Object {
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "new-object-column": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "new object column",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "new-object-column",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "new object column",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "new object column",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "new-object-column",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "new object column",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  className="pf-m-nowrap"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-m-nowrap"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-m-nowrap"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className="pf-m-nowrap"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Header cell
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  className="pf-m-wrap"
+                                  data-key={1}
+                                  data-label="new object column"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-m-wrap"
+                                    component="th"
+                                    data-key={1}
+                                    data-label="new object column"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-m-wrap"
+                                      component="th"
+                                      data-key={1}
+                                      data-label="new object column"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className="pf-m-wrap"
+                                        data-key={1}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        new object column
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  className="pf-m-break-word"
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-m-break-word"
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-m-break-word"
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className="pf-m-break-word"
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  className="pf-m-truncate"
+                                  data-key={3}
+                                  data-label="new object column"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-m-truncate"
+                                    component="th"
+                                    data-key={3}
+                                    data-label="new object column"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-m-truncate"
+                                      component="th"
+                                      data-key={3}
+                                      data-label="new object column"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className="pf-m-truncate"
+                                        data-key={3}
+                                        data-label="new object column"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        new object column
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  className="pf-m-fit-content"
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-m-fit-content"
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-m-fit-content"
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className="pf-m-fit-content"
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -43146,7 +47971,10 @@ exports[`Control text table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
                     "cells": Array [
@@ -43156,42 +47984,7 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43201,43 +47994,8 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                     "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43247,42 +48005,7 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                     "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43292,42 +48015,7 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43337,42 +48025,7 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                     "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43382,41 +48035,6 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43426,41 +48044,6 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43470,41 +48053,6 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                   Object {
                     "cells": Array [
@@ -43514,472 +48062,422 @@ exports[`Control text table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
                   },
                 ]
               }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
                     },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "parent": 0,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
                     },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                    "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
-                    },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "parent": 1,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "one",
                     },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
                     },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "parent": 3,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
                     },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
                     },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
-                    },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
                     },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
-                    },
-                    "new-object-column": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "new-object-column": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "cells": Array [
@@ -44386,252 +48884,242 @@ exports[`Control text table 1`] = `
                   ]
                 }
               >
-                <tbody
+                <BaseBody
                   className=""
-                  key="tbody-0"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "new object column",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "new-object-column",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "new object column",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
-                          },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "new object column",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "new-object-column",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "new object column",
+                        },
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "cells": Array [
                           "one",
@@ -44676,401 +49164,188 @@ exports[`Control text table 1`] = `
                           },
                           "title": "three",
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "new-object-column": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-179"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-0"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "new-object-column",
+                          "title": "four",
+                        },
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "new-object-column",
+                          "title": "four",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "four",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "cells": Array [
                           "one",
@@ -45086,14 +49361,13 @@ exports[`Control text table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 1,
-                        "isExpanded": false,
+                        "id": 5,
+                        "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
-                        "isOpen": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -45108,7 +49382,6 @@ exports[`Control text table 1`] = `
                           },
                           "title": "four",
                         },
-                        "parent": 0,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -45116,402 +49389,263 @@ exports[`Control text table 1`] = `
                           },
                           "title": "three",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "new-object-column": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "parent": 0,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-180"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-1"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "new-object-column",
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "new-object-column",
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "cells": Array [
                           "one",
@@ -45556,406 +49690,229 @@ exports[`Control text table 1`] = `
                           },
                           "title": "three",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "new-object-column": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                          "parent": 1,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-181"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-2"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-1"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "new-object-column",
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "new-object-column",
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                      },
+                      Object {
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "new-object-column": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                      },
                       Object {
                         "cells": Array [
                           "one",
@@ -45971,14 +49928,13 @@ exports[`Control text table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "isOpen": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -46000,15 +49956,15 @@ exports[`Control text table 1`] = `
                           },
                           "title": "three",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "cells": Array [
                             "one",
@@ -46024,10 +49980,10 @@ exports[`Control text table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 3,
+                          "id": 0,
                           "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
+                          "isFirst": true,
+                          "isFirstVisible": true,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
@@ -46053,401 +50009,320 @@ exports[`Control text table 1`] = `
                             },
                             "title": "three",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-182"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-3"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 1,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "new-object-column": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "parent": 0,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 2,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "new-object-column": Object {
                             "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
+                          "parent": 1,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "new-object-column": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 4,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "new-object-column": Object {
                             "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
+                          "parent": 3,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "new-object-column": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "new-object-column": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "one",
                         },
-                        "id": 4,
-                        "isExpanded": false,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "new-object-column": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "new-object-column": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
-                        },
-                        "parent": 3,
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "cells": Array [
                             "one",
@@ -46463,13 +50338,13 @@ exports[`Control text table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 4,
-                          "isExpanded": false,
+                          "id": 8,
+                          "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
+                          "isLast": true,
+                          "isLastVisible": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -46484,7 +50359,6 @@ exports[`Control text table 1`] = `
                             },
                             "title": "four",
                           },
-                          "parent": 3,
                           "pull-requests": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -46492,1881 +50366,5017 @@ exports[`Control text table 1`] = `
                             },
                             "title": "three",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
+                      isExpanded={false}
+                      key="tbody-0"
                     >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-183"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                        isExpanded={false}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-197"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-0"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "parent": 0,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "parent": 0,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-198"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-1"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "parent": 1,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "parent": 1,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-199"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-2"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      isExpanded={false}
+                      key="tbody-1"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                        isExpanded={false}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            <div
-                              id="test-headercol-4"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-200"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-3"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "parent": 3,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-2"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 5,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "new-object-column": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "parent": 3,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-201"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-4"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "new-object-column": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
+                      key="tbody-2"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-184"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            <div
-                              id="test-headercol-5"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-3"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "new-object-column": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "new-object-column": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-202"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-5"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-3"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-185"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            <div
-                              id="test-headercol-6"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-4"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "new-object-column": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-203"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-6"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "new-object-column": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                      key="tbody-4"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-186"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            <div
-                              id="test-headercol-7"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-5"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "new object column",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "new-object-column",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "new object column",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "new-object-column": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-204"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-7"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "new-object-column": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                      key="tbody-5"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-187"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "new object column",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "new-object-column",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "new object column",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "new-object-column": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            <div
-                              id="test-headercol-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "new-object-column": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="new object column"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="new object column"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-205"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-8"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="new object column"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="new object column"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="new object column"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="new object column"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -48472,7 +55482,7 @@ exports[`Editable table 1`] = `
     className="pf-c-inline-edit"
   >
     <Provider
-      className="pf-c-table pf-m-grid-md"
+      className=""
       columns={
         Array [
           Object {
@@ -48514,482 +55524,246 @@ exports[`Editable table 1`] = `
               ],
             },
             "property": "text-input-col-1",
-            "props": Object {
-              "data-key": 0,
-              "data-label": "Text input col 1",
-            },
-          },
-          Object {
-            "cell": Object {
-              "formatters": Array [
-                [Function],
-              ],
-              "transforms": Array [
-                [Function],
-              ],
-            },
-            "data": undefined,
-            "extraParams": Object {
-              "actionResolver": undefined,
-              "actions": undefined,
-              "allRowsSelected": false,
-              "areActionsDisabled": undefined,
-              "canSelectAll": true,
-              "contentId": "expanded-content",
-              "dropdownDirection": "down",
-              "dropdownPosition": "right",
-              "expandId": "expandable-toggle",
-              "firstUserColumnIndex": 0,
-              "onCollapse": undefined,
-              "onExpand": undefined,
-              "onRowEdit": [Function],
-              "onSelect": undefined,
-              "onSort": undefined,
-              "rowLabeledBy": "simple-node",
-              "selectVariant": "checkbox",
-              "sortBy": undefined,
-            },
-            "header": Object {
-              "formatters": Array [],
-              "label": "Disabled text input col 2",
-              "transforms": Array [
-                [Function],
-                [Function],
-              ],
-            },
-            "property": "disabled-text-input-col-2",
-            "props": Object {
-              "data-key": 1,
-              "data-label": "Disabled text input col 2",
-            },
-          },
-          Object {
-            "cell": Object {
-              "formatters": Array [
-                [Function],
-              ],
-              "transforms": Array [
-                [Function],
-              ],
-            },
-            "data": undefined,
-            "extraParams": Object {
-              "actionResolver": undefined,
-              "actions": undefined,
-              "allRowsSelected": false,
-              "areActionsDisabled": undefined,
-              "canSelectAll": true,
-              "contentId": "expanded-content",
-              "dropdownDirection": "down",
-              "dropdownPosition": "right",
-              "expandId": "expandable-toggle",
-              "firstUserColumnIndex": 0,
-              "onCollapse": undefined,
-              "onExpand": undefined,
-              "onRowEdit": [Function],
-              "onSelect": undefined,
-              "onSort": undefined,
-              "rowLabeledBy": "simple-node",
-              "selectVariant": "checkbox",
-              "sortBy": undefined,
-            },
-            "header": Object {
-              "formatters": Array [],
-              "label": "Text input col 3",
-              "transforms": Array [
-                [Function],
-                [Function],
-              ],
-            },
-            "property": "text-input-col-3",
-            "props": Object {
-              "data-key": 2,
-              "data-label": "Text input col 3",
-            },
-          },
-          Object {
-            "cell": Object {
-              "formatters": Array [
-                [Function],
-              ],
-              "transforms": Array [
-                [Function],
-              ],
-            },
-            "data": undefined,
-            "extraParams": Object {
-              "actionResolver": undefined,
-              "actions": undefined,
-              "allRowsSelected": false,
-              "areActionsDisabled": undefined,
-              "canSelectAll": true,
-              "contentId": "expanded-content",
-              "dropdownDirection": "down",
-              "dropdownPosition": "right",
-              "expandId": "expandable-toggle",
-              "firstUserColumnIndex": 0,
-              "onCollapse": undefined,
-              "onExpand": undefined,
-              "onRowEdit": [Function],
-              "onSelect": undefined,
-              "onSort": undefined,
-              "rowLabeledBy": "simple-node",
-              "selectVariant": "checkbox",
-              "sortBy": undefined,
-            },
-            "header": Object {
-              "formatters": Array [],
-              "label": "Text input col 4",
-              "transforms": Array [
-                [Function],
-                [Function],
-              ],
-            },
-            "property": "text-input-col-4",
-            "props": Object {
-              "data-key": 3,
-              "data-label": "Text input col 4",
-            },
-          },
-          Object {
-            "cell": Object {
-              "formatters": Array [
-                [Function],
-              ],
-              "transforms": Array [
-                [Function],
-                [Function],
-              ],
-            },
-            "data": undefined,
-            "extraParams": Object {
-              "actionResolver": undefined,
-              "actions": undefined,
-              "allRowsSelected": false,
-              "areActionsDisabled": undefined,
-              "canSelectAll": true,
-              "contentId": "expanded-content",
-              "dropdownDirection": "down",
-              "dropdownPosition": "right",
-              "expandId": "expandable-toggle",
-              "firstUserColumnIndex": 0,
-              "onCollapse": undefined,
-              "onExpand": undefined,
-              "onRowEdit": [Function],
-              "onSelect": undefined,
-              "onSort": undefined,
-              "rowLabeledBy": "simple-node",
-              "selectVariant": "checkbox",
-              "sortBy": undefined,
-            },
-            "header": Object {
-              "formatters": Array [],
-              "label": "",
-              "transforms": Array [
-                [Function],
-                [Function],
-              ],
-            },
-            "property": "column-4",
-            "props": Object {
-              "data-key": 4,
-              "data-label": "",
-            },
-          },
-        ]
-      }
-      data-ouia-component-id="OUIA-Generated-Table-4"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      renderers={
-        Object {
-          "body": Object {
-            "cell": [Function],
-            "row": [Function],
-            "wrapper": [Function],
-          },
-          "header": Object {
-            "cell": [Function],
-          },
-        }
-      }
-      role="grid"
-    >
-      <table
-        className="pf-c-table pf-m-grid-md"
-        data-ouia-component-id="OUIA-Generated-Table-4"
-        data-ouia-component-type="PF4/Table"
-        data-ouia-safe={true}
-        role="grid"
-      >
-        <caption>
-          Editable Table
-        </caption>
-        <TableHeader>
-          <ContextHeader
-            headerRows={null}
-          >
-            <Header
-              className=""
-              headerRows={null}
-            >
-              <BaseHeader
-                className=""
-                columns={
-                  Array [
-                    Object {
-                      "cell": Object {
-                        "formatters": Array [
-                          [Function],
-                        ],
-                        "transforms": Array [
-                          [Function],
-                        ],
-                      },
-                      "data": undefined,
-                      "extraParams": Object {
-                        "actionResolver": undefined,
-                        "actions": undefined,
-                        "allRowsSelected": false,
-                        "areActionsDisabled": undefined,
-                        "canSelectAll": true,
-                        "contentId": "expanded-content",
-                        "dropdownDirection": "down",
-                        "dropdownPosition": "right",
-                        "expandId": "expandable-toggle",
-                        "firstUserColumnIndex": 0,
-                        "onCollapse": undefined,
-                        "onExpand": undefined,
-                        "onRowEdit": [Function],
-                        "onSelect": undefined,
-                        "onSort": undefined,
-                        "rowLabeledBy": "simple-node",
-                        "selectVariant": "checkbox",
-                        "sortBy": undefined,
-                      },
-                      "header": Object {
-                        "formatters": Array [],
-                        "label": "Text input col 1",
-                        "transforms": Array [
-                          [Function],
-                          [Function],
-                        ],
-                      },
-                      "property": "text-input-col-1",
-                      "props": Object {
-                        "data-key": 0,
-                        "data-label": "Text input col 1",
-                      },
-                    },
-                    Object {
-                      "cell": Object {
-                        "formatters": Array [
-                          [Function],
-                        ],
-                        "transforms": Array [
-                          [Function],
-                        ],
-                      },
-                      "data": undefined,
-                      "extraParams": Object {
-                        "actionResolver": undefined,
-                        "actions": undefined,
-                        "allRowsSelected": false,
-                        "areActionsDisabled": undefined,
-                        "canSelectAll": true,
-                        "contentId": "expanded-content",
-                        "dropdownDirection": "down",
-                        "dropdownPosition": "right",
-                        "expandId": "expandable-toggle",
-                        "firstUserColumnIndex": 0,
-                        "onCollapse": undefined,
-                        "onExpand": undefined,
-                        "onRowEdit": [Function],
-                        "onSelect": undefined,
-                        "onSort": undefined,
-                        "rowLabeledBy": "simple-node",
-                        "selectVariant": "checkbox",
-                        "sortBy": undefined,
-                      },
-                      "header": Object {
-                        "formatters": Array [],
-                        "label": "Disabled text input col 2",
-                        "transforms": Array [
-                          [Function],
-                          [Function],
-                        ],
-                      },
-                      "property": "disabled-text-input-col-2",
-                      "props": Object {
-                        "data-key": 1,
-                        "data-label": "Disabled text input col 2",
-                      },
-                    },
-                    Object {
-                      "cell": Object {
-                        "formatters": Array [
-                          [Function],
-                        ],
-                        "transforms": Array [
-                          [Function],
-                        ],
-                      },
-                      "data": undefined,
-                      "extraParams": Object {
-                        "actionResolver": undefined,
-                        "actions": undefined,
-                        "allRowsSelected": false,
-                        "areActionsDisabled": undefined,
-                        "canSelectAll": true,
-                        "contentId": "expanded-content",
-                        "dropdownDirection": "down",
-                        "dropdownPosition": "right",
-                        "expandId": "expandable-toggle",
-                        "firstUserColumnIndex": 0,
-                        "onCollapse": undefined,
-                        "onExpand": undefined,
-                        "onRowEdit": [Function],
-                        "onSelect": undefined,
-                        "onSort": undefined,
-                        "rowLabeledBy": "simple-node",
-                        "selectVariant": "checkbox",
-                        "sortBy": undefined,
-                      },
-                      "header": Object {
-                        "formatters": Array [],
-                        "label": "Text input col 3",
-                        "transforms": Array [
-                          [Function],
-                          [Function],
-                        ],
-                      },
-                      "property": "text-input-col-3",
-                      "props": Object {
-                        "data-key": 2,
-                        "data-label": "Text input col 3",
-                      },
-                    },
-                    Object {
-                      "cell": Object {
-                        "formatters": Array [
-                          [Function],
-                        ],
-                        "transforms": Array [
-                          [Function],
-                        ],
-                      },
-                      "data": undefined,
-                      "extraParams": Object {
-                        "actionResolver": undefined,
-                        "actions": undefined,
-                        "allRowsSelected": false,
-                        "areActionsDisabled": undefined,
-                        "canSelectAll": true,
-                        "contentId": "expanded-content",
-                        "dropdownDirection": "down",
-                        "dropdownPosition": "right",
-                        "expandId": "expandable-toggle",
-                        "firstUserColumnIndex": 0,
-                        "onCollapse": undefined,
-                        "onExpand": undefined,
-                        "onRowEdit": [Function],
-                        "onSelect": undefined,
-                        "onSort": undefined,
-                        "rowLabeledBy": "simple-node",
-                        "selectVariant": "checkbox",
-                        "sortBy": undefined,
-                      },
-                      "header": Object {
-                        "formatters": Array [],
-                        "label": "Text input col 4",
-                        "transforms": Array [
-                          [Function],
-                          [Function],
-                        ],
-                      },
-                      "property": "text-input-col-4",
-                      "props": Object {
-                        "data-key": 3,
-                        "data-label": "Text input col 4",
-                      },
-                    },
-                    Object {
-                      "cell": Object {
-                        "formatters": Array [
-                          [Function],
-                        ],
-                        "transforms": Array [
-                          [Function],
-                          [Function],
-                        ],
-                      },
-                      "data": undefined,
-                      "extraParams": Object {
-                        "actionResolver": undefined,
-                        "actions": undefined,
-                        "allRowsSelected": false,
-                        "areActionsDisabled": undefined,
-                        "canSelectAll": true,
-                        "contentId": "expanded-content",
-                        "dropdownDirection": "down",
-                        "dropdownPosition": "right",
-                        "expandId": "expandable-toggle",
-                        "firstUserColumnIndex": 0,
-                        "onCollapse": undefined,
-                        "onExpand": undefined,
-                        "onRowEdit": [Function],
-                        "onSelect": undefined,
-                        "onSort": undefined,
-                        "rowLabeledBy": "simple-node",
-                        "selectVariant": "checkbox",
-                        "sortBy": undefined,
-                      },
-                      "header": Object {
-                        "formatters": Array [],
-                        "label": "",
-                        "transforms": Array [
-                          [Function],
-                          [Function],
-                        ],
-                      },
-                      "property": "column-4",
-                      "props": Object {
-                        "data-key": 4,
-                        "data-label": "",
-                      },
-                    },
-                  ]
-                }
+            "props": Object {
+              "data-key": 0,
+              "data-label": "Text input col 1",
+            },
+          },
+          Object {
+            "cell": Object {
+              "formatters": Array [
+                [Function],
+              ],
+              "transforms": Array [
+                [Function],
+              ],
+            },
+            "data": undefined,
+            "extraParams": Object {
+              "actionResolver": undefined,
+              "actions": undefined,
+              "allRowsSelected": false,
+              "areActionsDisabled": undefined,
+              "canSelectAll": true,
+              "contentId": "expanded-content",
+              "dropdownDirection": "down",
+              "dropdownPosition": "right",
+              "expandId": "expandable-toggle",
+              "firstUserColumnIndex": 0,
+              "onCollapse": undefined,
+              "onExpand": undefined,
+              "onRowEdit": [Function],
+              "onSelect": undefined,
+              "onSort": undefined,
+              "rowLabeledBy": "simple-node",
+              "selectVariant": "checkbox",
+              "sortBy": undefined,
+            },
+            "header": Object {
+              "formatters": Array [],
+              "label": "Disabled text input col 2",
+              "transforms": Array [
+                [Function],
+                [Function],
+              ],
+            },
+            "property": "disabled-text-input-col-2",
+            "props": Object {
+              "data-key": 1,
+              "data-label": "Disabled text input col 2",
+            },
+          },
+          Object {
+            "cell": Object {
+              "formatters": Array [
+                [Function],
+              ],
+              "transforms": Array [
+                [Function],
+              ],
+            },
+            "data": undefined,
+            "extraParams": Object {
+              "actionResolver": undefined,
+              "actions": undefined,
+              "allRowsSelected": false,
+              "areActionsDisabled": undefined,
+              "canSelectAll": true,
+              "contentId": "expanded-content",
+              "dropdownDirection": "down",
+              "dropdownPosition": "right",
+              "expandId": "expandable-toggle",
+              "firstUserColumnIndex": 0,
+              "onCollapse": undefined,
+              "onExpand": undefined,
+              "onRowEdit": [Function],
+              "onSelect": undefined,
+              "onSort": undefined,
+              "rowLabeledBy": "simple-node",
+              "selectVariant": "checkbox",
+              "sortBy": undefined,
+            },
+            "header": Object {
+              "formatters": Array [],
+              "label": "Text input col 3",
+              "transforms": Array [
+                [Function],
+                [Function],
+              ],
+            },
+            "property": "text-input-col-3",
+            "props": Object {
+              "data-key": 2,
+              "data-label": "Text input col 3",
+            },
+          },
+          Object {
+            "cell": Object {
+              "formatters": Array [
+                [Function],
+              ],
+              "transforms": Array [
+                [Function],
+              ],
+            },
+            "data": undefined,
+            "extraParams": Object {
+              "actionResolver": undefined,
+              "actions": undefined,
+              "allRowsSelected": false,
+              "areActionsDisabled": undefined,
+              "canSelectAll": true,
+              "contentId": "expanded-content",
+              "dropdownDirection": "down",
+              "dropdownPosition": "right",
+              "expandId": "expandable-toggle",
+              "firstUserColumnIndex": 0,
+              "onCollapse": undefined,
+              "onExpand": undefined,
+              "onRowEdit": [Function],
+              "onSelect": undefined,
+              "onSort": undefined,
+              "rowLabeledBy": "simple-node",
+              "selectVariant": "checkbox",
+              "sortBy": undefined,
+            },
+            "header": Object {
+              "formatters": Array [],
+              "label": "Text input col 4",
+              "transforms": Array [
+                [Function],
+                [Function],
+              ],
+            },
+            "property": "text-input-col-4",
+            "props": Object {
+              "data-key": 3,
+              "data-label": "Text input col 4",
+            },
+          },
+          Object {
+            "cell": Object {
+              "formatters": Array [
+                [Function],
+              ],
+              "transforms": Array [
+                [Function],
+                [Function],
+              ],
+            },
+            "data": undefined,
+            "extraParams": Object {
+              "actionResolver": undefined,
+              "actions": undefined,
+              "allRowsSelected": false,
+              "areActionsDisabled": undefined,
+              "canSelectAll": true,
+              "contentId": "expanded-content",
+              "dropdownDirection": "down",
+              "dropdownPosition": "right",
+              "expandId": "expandable-toggle",
+              "firstUserColumnIndex": 0,
+              "onCollapse": undefined,
+              "onExpand": undefined,
+              "onRowEdit": [Function],
+              "onSelect": undefined,
+              "onSort": undefined,
+              "rowLabeledBy": "simple-node",
+              "selectVariant": "checkbox",
+              "sortBy": undefined,
+            },
+            "header": Object {
+              "formatters": Array [],
+              "label": "",
+              "transforms": Array [
+                [Function],
+                [Function],
+              ],
+            },
+            "property": "column-4",
+            "props": Object {
+              "data-key": 4,
+              "data-label": "",
+            },
+          },
+        ]
+      }
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      renderers={
+        Object {
+          "body": Object {
+            "cell": [Function],
+            "row": [Function],
+            "wrapper": [Function],
+          },
+          "header": Object {
+            "cell": [Function],
+          },
+        }
+      }
+      role="grid"
+      variant={null}
+    >
+      <BaseTable
+        className=""
+        gridBreakPoint="grid-md"
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <BaseTableBase
+          className=""
+          gridBreakPoint="grid-md"
+          innerRef={null}
+          isStickyHeader={false}
+          ouiaSafe={true}
+          role="grid"
+          variant={null}
+        >
+          <table
+            className="pf-c-table pf-m-grid-md"
+            data-ouia-component-id="OUIA-Generated-Table-8"
+            data-ouia-component-type="PF4/Table"
+            data-ouia-safe={true}
+            role="grid"
+          >
+            <caption>
+              Editable Table
+            </caption>
+            <TableHeader>
+              <ContextHeader
                 headerRows={null}
-                renderers={
-                  Object {
-                    "body": Object {
-                      "cell": [Function],
-                      "row": [Function],
-                      "wrapper": [Function],
-                    },
-                    "header": Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    },
-                    "table": "table",
-                  }
-                }
               >
-                <thead
+                <Header
                   className=""
+                  headerRows={null}
                 >
-                  <HeaderRow
-                    key="0-header-row"
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": "tr",
-                        "wrapper": "thead",
-                      }
-                    }
-                    rowData={
+                  <BaseHeader
+                    className=""
+                    columns={
                       Array [
                         Object {
                           "cell": Object {
@@ -49156,971 +55930,565 @@ exports[`Editable table 1`] = `
                           "header": Object {
                             "formatters": Array [],
                             "label": "Text input col 4",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "text-input-col-4",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Text input col 4",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": [Function],
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-4",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "",
-                          },
-                        },
-                      ]
-                    }
-                    rowIndex={0}
-                  >
-                    <tr>
-                      <HeaderCell
-                        data-key={0}
-                        data-label="Text input col 1"
-                        key="0-header"
-                        scope="col"
-                      >
-                        <th
-                          className=""
-                          data-key={0}
-                          data-label="Text input col 1"
-                          onMouseEnter={[Function]}
-                          scope="col"
-                        >
-                          Text input col 1
-                        </th>
-                      </HeaderCell>
-                      <HeaderCell
-                        data-key={1}
-                        data-label="Disabled text input col 2"
-                        key="1-header"
-                        scope="col"
-                      >
-                        <th
-                          className=""
-                          data-key={1}
-                          data-label="Disabled text input col 2"
-                          onMouseEnter={[Function]}
-                          scope="col"
-                        >
-                          Disabled text input col 2
-                        </th>
-                      </HeaderCell>
-                      <HeaderCell
-                        data-key={2}
-                        data-label="Text input col 3"
-                        key="2-header"
-                        scope="col"
-                      >
-                        <th
-                          className=""
-                          data-key={2}
-                          data-label="Text input col 3"
-                          onMouseEnter={[Function]}
-                          scope="col"
-                        >
-                          Text input col 3
-                        </th>
-                      </HeaderCell>
-                      <HeaderCell
-                        data-key={3}
-                        data-label="Text input col 4"
-                        key="3-header"
-                        scope="col"
-                      >
-                        <th
-                          className=""
-                          data-key={3}
-                          data-label="Text input col 4"
-                          onMouseEnter={[Function]}
-                          scope="col"
-                        >
-                          Text input col 4
-                        </th>
-                      </HeaderCell>
-                      <HeaderCell
-                        data-key={4}
-                        data-label=""
-                        key="4-header"
-                        scope=""
-                      >
-                        <th
-                          className=""
-                          data-key={4}
-                          data-label=""
-                          onMouseEnter={[Function]}
-                        />
-                      </HeaderCell>
-                    </tr>
-                  </HeaderRow>
-                </thead>
-              </BaseHeader>
-            </Header>
-          </ContextHeader>
-        </TableHeader>
-        <TableBody>
-          <ContextBody
-            className=""
-            headerData={
-              Array [
-                Object {
-                  "cell": Object {
-                    "formatters": Array [
-                      [Function],
-                    ],
-                    "transforms": Array [
-                      [Function],
-                    ],
-                  },
-                  "data": undefined,
-                  "extraParams": Object {
-                    "actionResolver": undefined,
-                    "actions": undefined,
-                    "allRowsSelected": false,
-                    "areActionsDisabled": undefined,
-                    "canSelectAll": true,
-                    "contentId": "expanded-content",
-                    "dropdownDirection": "down",
-                    "dropdownPosition": "right",
-                    "expandId": "expandable-toggle",
-                    "firstUserColumnIndex": 0,
-                    "onCollapse": undefined,
-                    "onExpand": undefined,
-                    "onRowEdit": [Function],
-                    "onSelect": undefined,
-                    "onSort": undefined,
-                    "rowLabeledBy": "simple-node",
-                    "selectVariant": "checkbox",
-                    "sortBy": undefined,
-                  },
-                  "header": Object {
-                    "formatters": Array [],
-                    "label": "Text input col 1",
-                    "transforms": Array [
-                      [Function],
-                      [Function],
-                    ],
-                  },
-                  "property": "text-input-col-1",
-                  "props": Object {
-                    "data-key": 0,
-                    "data-label": "Text input col 1",
-                  },
-                },
-                Object {
-                  "cell": Object {
-                    "formatters": Array [
-                      [Function],
-                    ],
-                    "transforms": Array [
-                      [Function],
-                    ],
-                  },
-                  "data": undefined,
-                  "extraParams": Object {
-                    "actionResolver": undefined,
-                    "actions": undefined,
-                    "allRowsSelected": false,
-                    "areActionsDisabled": undefined,
-                    "canSelectAll": true,
-                    "contentId": "expanded-content",
-                    "dropdownDirection": "down",
-                    "dropdownPosition": "right",
-                    "expandId": "expandable-toggle",
-                    "firstUserColumnIndex": 0,
-                    "onCollapse": undefined,
-                    "onExpand": undefined,
-                    "onRowEdit": [Function],
-                    "onSelect": undefined,
-                    "onSort": undefined,
-                    "rowLabeledBy": "simple-node",
-                    "selectVariant": "checkbox",
-                    "sortBy": undefined,
-                  },
-                  "header": Object {
-                    "formatters": Array [],
-                    "label": "Disabled text input col 2",
-                    "transforms": Array [
-                      [Function],
-                      [Function],
-                    ],
-                  },
-                  "property": "disabled-text-input-col-2",
-                  "props": Object {
-                    "data-key": 1,
-                    "data-label": "Disabled text input col 2",
-                  },
-                },
-                Object {
-                  "cell": Object {
-                    "formatters": Array [
-                      [Function],
-                    ],
-                    "transforms": Array [
-                      [Function],
-                    ],
-                  },
-                  "data": undefined,
-                  "extraParams": Object {
-                    "actionResolver": undefined,
-                    "actions": undefined,
-                    "allRowsSelected": false,
-                    "areActionsDisabled": undefined,
-                    "canSelectAll": true,
-                    "contentId": "expanded-content",
-                    "dropdownDirection": "down",
-                    "dropdownPosition": "right",
-                    "expandId": "expandable-toggle",
-                    "firstUserColumnIndex": 0,
-                    "onCollapse": undefined,
-                    "onExpand": undefined,
-                    "onRowEdit": [Function],
-                    "onSelect": undefined,
-                    "onSort": undefined,
-                    "rowLabeledBy": "simple-node",
-                    "selectVariant": "checkbox",
-                    "sortBy": undefined,
-                  },
-                  "header": Object {
-                    "formatters": Array [],
-                    "label": "Text input col 3",
-                    "transforms": Array [
-                      [Function],
-                      [Function],
-                    ],
-                  },
-                  "property": "text-input-col-3",
-                  "props": Object {
-                    "data-key": 2,
-                    "data-label": "Text input col 3",
-                  },
-                },
-                Object {
-                  "cell": Object {
-                    "formatters": Array [
-                      [Function],
-                    ],
-                    "transforms": Array [
-                      [Function],
-                    ],
-                  },
-                  "data": undefined,
-                  "extraParams": Object {
-                    "actionResolver": undefined,
-                    "actions": undefined,
-                    "allRowsSelected": false,
-                    "areActionsDisabled": undefined,
-                    "canSelectAll": true,
-                    "contentId": "expanded-content",
-                    "dropdownDirection": "down",
-                    "dropdownPosition": "right",
-                    "expandId": "expandable-toggle",
-                    "firstUserColumnIndex": 0,
-                    "onCollapse": undefined,
-                    "onExpand": undefined,
-                    "onRowEdit": [Function],
-                    "onSelect": undefined,
-                    "onSort": undefined,
-                    "rowLabeledBy": "simple-node",
-                    "selectVariant": "checkbox",
-                    "sortBy": undefined,
-                  },
-                  "header": Object {
-                    "formatters": Array [],
-                    "label": "Text input col 4",
-                    "transforms": Array [
-                      [Function],
-                      [Function],
-                    ],
-                  },
-                  "property": "text-input-col-4",
-                  "props": Object {
-                    "data-key": 3,
-                    "data-label": "Text input col 4",
-                  },
-                },
-                Object {
-                  "cell": Object {
-                    "formatters": Array [
-                      [Function],
-                    ],
-                    "transforms": Array [
-                      [Function],
-                      [Function],
-                    ],
-                  },
-                  "data": undefined,
-                  "extraParams": Object {
-                    "actionResolver": undefined,
-                    "actions": undefined,
-                    "allRowsSelected": false,
-                    "areActionsDisabled": undefined,
-                    "canSelectAll": true,
-                    "contentId": "expanded-content",
-                    "dropdownDirection": "down",
-                    "dropdownPosition": "right",
-                    "expandId": "expandable-toggle",
-                    "firstUserColumnIndex": 0,
-                    "onCollapse": undefined,
-                    "onExpand": undefined,
-                    "onRowEdit": [Function],
-                    "onSelect": undefined,
-                    "onSort": undefined,
-                    "rowLabeledBy": "simple-node",
-                    "selectVariant": "checkbox",
-                    "sortBy": undefined,
-                  },
-                  "header": Object {
-                    "formatters": Array [],
-                    "label": "",
-                    "transforms": Array [
-                      [Function],
-                      [Function],
-                    ],
-                  },
-                  "property": "column-4",
-                  "props": Object {
-                    "data-key": 4,
-                    "data-label": "",
-                  },
-                },
-              ]
-            }
-            headerRows={null}
-            onRow={[Function]}
-            onRowClick={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow1Cell1",
-                        "value": "Row 1 cell 1 content",
-                      },
-                      "title": [Function],
-                    },
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow1Cell2",
-                        "value": "Row 1 cell 2, disabled content",
-                      },
-                      "title": [Function],
-                    },
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow1Cell3",
-                        "value": "Row 1 cell 3 content",
-                      },
-                      "title": [Function],
-                    },
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow1Cell4",
-                        "value": "Row 1 cell 4 content",
-                      },
-                      "title": [Function],
-                    },
-                  ],
-                  "isEditable": true,
-                },
-                Object {
-                  "cells": Array [
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow2Cell1",
-                        "value": "Row 2 cell 1 content",
-                      },
-                      "title": [Function],
-                    },
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow2Cell2",
-                        "value": "Row 2 cell 2, disabled content",
-                      },
-                      "title": [Function],
-                    },
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow2Cell3",
-                        "value": "Row 2 cell 3 content",
-                      },
-                      "title": [Function],
-                    },
-                    Object {
-                      "props": Object {
-                        "name": "uniqueIdRow2Cell4",
-                        "value": "Row 2 cell 4 content",
-                      },
-                      "title": [Function],
-                    },
-                  ],
-                  "isEditable": false,
-                },
-              ]
-            }
-          >
-            <Body
-              className=""
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "cells": Array [
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell1",
-                          "value": "Row 1 cell 1 content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell2",
-                          "value": "Row 1 cell 2, disabled content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell3",
-                          "value": "Row 1 cell 3 content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell4",
-                          "value": "Row 1 cell 4 content",
-                        },
-                        "title": [Function],
-                      },
-                    ],
-                    "disabled-text-input-col-2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell2",
-                        "value": "Row 1 cell 2, disabled content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={1}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 2 content"
-                        isDisabled={true}
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell2",
-                            "value": "Row 1 cell 2, disabled content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 2, disabled content"
-                      />,
-                    },
-                    "id": 0,
-                    "isEditable": true,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "text-input-col-1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell1",
-                        "value": "Row 1 cell 1 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={0}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 1 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell1",
-                            "value": "Row 1 cell 1 content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 1 content"
-                      />,
-                    },
-                    "text-input-col-3": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell3",
-                        "value": "Row 1 cell 3 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={2}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 3 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell3",
-                            "value": "Row 1 cell 3 content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 3 content"
-                      />,
-                    },
-                    "text-input-col-4": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell4",
-                        "value": "Row 1 cell 4 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={3}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 4 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell4",
-                            "value": "Row 1 cell 4 content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 4 content"
-                      />,
-                    },
-                  },
-                  Object {
-                    "cells": Array [
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell1",
-                          "value": "Row 2 cell 1 content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell2",
-                          "value": "Row 2 cell 2, disabled content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell3",
-                          "value": "Row 2 cell 3 content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell4",
-                          "value": "Row 2 cell 4 content",
-                        },
-                        "title": [Function],
-                      },
-                    ],
-                    "disabled-text-input-col-2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell2",
-                        "value": "Row 2 cell 2, disabled content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={1}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 2 cell 2 content"
-                        isDisabled={true}
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell2",
-                            "value": "Row 2 cell 2, disabled content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 2, disabled content"
-                      />,
-                    },
-                    "id": 1,
-                    "isEditable": false,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "text-input-col-1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell1",
-                        "value": "Row 2 cell 1 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={0}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 1 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell1",
-                            "value": "Row 2 cell 1 content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 1 content"
-                      />,
-                    },
-                    "text-input-col-3": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell3",
-                        "value": "Row 2 cell 3 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={2}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 2 cell 3 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell3",
-                            "value": "Row 2 cell 3 content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 3 content"
-                      />,
-                    },
-                    "text-input-col-4": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell4",
-                        "value": "Row 2 cell 4 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={3}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 2 cell 4 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell4",
-                            "value": "Row 2 cell 4 content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 4 content"
-                      />,
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "cells": Array [
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell1",
-                          "value": "Row 1 cell 1 content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell2",
-                          "value": "Row 1 cell 2, disabled content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell3",
-                          "value": "Row 1 cell 3 content",
-                        },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow1Cell4",
-                          "value": "Row 1 cell 4 content",
-                        },
-                        "title": [Function],
-                      },
-                    ],
-                    "disabled-text-input-col-2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell2",
-                        "value": "Row 1 cell 2, disabled content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={1}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 2 content"
-                        isDisabled={true}
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell2",
-                            "value": "Row 1 cell 2, disabled content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 2, disabled content"
-                      />,
-                    },
-                    "id": 0,
-                    "isEditable": true,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "text-input-col-1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell1",
-                        "value": "Row 1 cell 1 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={0}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 1 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell1",
-                            "value": "Row 1 cell 1 content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 1 content"
-                      />,
-                    },
-                    "text-input-col-3": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell3",
-                        "value": "Row 1 cell 3 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={2}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 3 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell3",
-                            "value": "Row 1 cell 3 content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 3 content"
-                      />,
-                    },
-                    "text-input-col-4": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow1Cell4",
-                        "value": "Row 1 cell 4 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={3}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 4 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow1Cell4",
-                            "value": "Row 1 cell 4 content",
-                          }
-                        }
-                        rowIndex={0}
-                        value="Row 1 cell 4 content"
-                      />,
-                    },
-                  },
-                  Object {
-                    "cells": Array [
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell1",
-                          "value": "Row 2 cell 1 content",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "property": "text-input-col-4",
+                          "props": Object {
+                            "data-key": 3,
+                            "data-label": "Text input col 4",
+                          },
                         },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell2",
-                          "value": "Row 2 cell 2, disabled content",
+                        Object {
+                          "cell": Object {
+                            "formatters": Array [
+                              [Function],
+                            ],
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "data": undefined,
+                          "extraParams": Object {
+                            "actionResolver": undefined,
+                            "actions": undefined,
+                            "allRowsSelected": false,
+                            "areActionsDisabled": undefined,
+                            "canSelectAll": true,
+                            "contentId": "expanded-content",
+                            "dropdownDirection": "down",
+                            "dropdownPosition": "right",
+                            "expandId": "expandable-toggle",
+                            "firstUserColumnIndex": 0,
+                            "onCollapse": undefined,
+                            "onExpand": undefined,
+                            "onRowEdit": [Function],
+                            "onSelect": undefined,
+                            "onSort": undefined,
+                            "rowLabeledBy": "simple-node",
+                            "selectVariant": "checkbox",
+                            "sortBy": undefined,
+                          },
+                          "header": Object {
+                            "formatters": Array [],
+                            "label": "",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "property": "column-4",
+                          "props": Object {
+                            "data-key": 4,
+                            "data-label": "",
+                          },
                         },
-                        "title": [Function],
-                      },
+                      ]
+                    }
+                    headerRows={null}
+                    renderers={
                       Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell3",
-                          "value": "Row 2 cell 3 content",
+                        "body": Object {
+                          "cell": [Function],
+                          "row": [Function],
+                          "wrapper": [Function],
                         },
-                        "title": [Function],
-                      },
-                      Object {
-                        "props": Object {
-                          "name": "uniqueIdRow2Cell4",
-                          "value": "Row 2 cell 4 content",
+                        "header": Object {
+                          "cell": [Function],
+                          "row": Object {
+                            "$$typeof": Symbol(react.forward_ref),
+                            "displayName": "BaseTableHeaderRow",
+                            "render": [Function],
+                          },
+                          "wrapper": Object {
+                            "$$typeof": Symbol(react.forward_ref),
+                            "displayName": "BaseTableHead",
+                            "render": [Function],
+                          },
                         },
-                        "title": [Function],
-                      },
-                    ],
-                    "disabled-text-input-col-2": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell2",
-                        "value": "Row 2 cell 2, disabled content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={1}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 2 cell 2 content"
-                        isDisabled={true}
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell2",
-                            "value": "Row 2 cell 2, disabled content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 2, disabled content"
-                      />,
-                    },
-                    "id": 1,
-                    "isEditable": false,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "text-input-col-1": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell1",
-                        "value": "Row 2 cell 1 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={0}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 1 cell 1 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell1",
-                            "value": "Row 2 cell 1 content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 1 content"
-                      />,
-                    },
-                    "text-input-col-3": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell3",
-                        "value": "Row 2 cell 3 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={2}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 2 cell 3 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell3",
-                            "value": "Row 2 cell 3 content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 3 content"
-                      />,
-                    },
-                    "text-input-col-4": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                        "name": "uniqueIdRow2Cell4",
-                        "value": "Row 2 cell 4 content",
-                      },
-                      "title": <EditableTextCell
-                        cellIndex={3}
-                        handleTextInputChange={[Function]}
-                        inputAriaLabel="Row 2 cell 4 content"
-                        props={
-                          Object {
-                            "name": "uniqueIdRow2Cell4",
-                            "value": "Row 2 cell 4 content",
-                          }
-                        }
-                        rowIndex={1}
-                        value="Row 2 cell 4 content"
-                      />,
-                    },
-                  },
-                ]
-              }
-            >
-              <BaseBody
+                        "table": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTable",
+                          "render": [Function],
+                        },
+                      }
+                    }
+                  >
+                    <BaseTableHead
+                      className=""
+                    >
+                      <BaseTableHeadBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <thead
+                          className=""
+                        >
+                          <HeaderRow
+                            key="0-header-row"
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": Object {
+                                  "$$typeof": Symbol(react.forward_ref),
+                                  "displayName": "BaseTableHeaderRow",
+                                  "render": [Function],
+                                },
+                                "wrapper": Object {
+                                  "$$typeof": Symbol(react.forward_ref),
+                                  "displayName": "BaseTableHead",
+                                  "render": [Function],
+                                },
+                              }
+                            }
+                            rowData={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": [Function],
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Text input col 1",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "text-input-col-1",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Text input col 1",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": [Function],
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Disabled text input col 2",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "disabled-text-input-col-2",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Disabled text input col 2",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": [Function],
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Text input col 3",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "text-input-col-3",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Text input col 3",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": [Function],
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Text input col 4",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "text-input-col-4",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Text input col 4",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": [Function],
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-4",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            rowIndex={0}
+                          >
+                            <BaseTableHeaderRow>
+                              <BaseTableHeaderRowBase
+                                innerRef={null}
+                              >
+                                <tr>
+                                  <HeaderCell
+                                    data-key={0}
+                                    data-label="Text input col 1"
+                                    key="0-header"
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCell
+                                      className=""
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Text input col 1"
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <BaseHeaderCellBase
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        data-label="Text input col 1"
+                                        innerRef={null}
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                        textCenter={false}
+                                        tooltip=""
+                                      >
+                                        <th
+                                          aria-sort={null}
+                                          className=""
+                                          data-key={0}
+                                          data-label="Text input col 1"
+                                          onMouseEnter={[Function]}
+                                          scope="col"
+                                        >
+                                          Text input col 1
+                                        </th>
+                                      </BaseHeaderCellBase>
+                                    </BaseHeaderCell>
+                                  </HeaderCell>
+                                  <HeaderCell
+                                    data-key={1}
+                                    data-label="Disabled text input col 2"
+                                    key="1-header"
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCell
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Disabled text input col 2"
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <BaseHeaderCellBase
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        data-label="Disabled text input col 2"
+                                        innerRef={null}
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                        textCenter={false}
+                                        tooltip=""
+                                      >
+                                        <th
+                                          aria-sort={null}
+                                          className=""
+                                          data-key={1}
+                                          data-label="Disabled text input col 2"
+                                          onMouseEnter={[Function]}
+                                          scope="col"
+                                        >
+                                          Disabled text input col 2
+                                        </th>
+                                      </BaseHeaderCellBase>
+                                    </BaseHeaderCell>
+                                  </HeaderCell>
+                                  <HeaderCell
+                                    data-key={2}
+                                    data-label="Text input col 3"
+                                    key="2-header"
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCell
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Text input col 3"
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <BaseHeaderCellBase
+                                        className=""
+                                        component="th"
+                                        data-key={2}
+                                        data-label="Text input col 3"
+                                        innerRef={null}
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                        textCenter={false}
+                                        tooltip=""
+                                      >
+                                        <th
+                                          aria-sort={null}
+                                          className=""
+                                          data-key={2}
+                                          data-label="Text input col 3"
+                                          onMouseEnter={[Function]}
+                                          scope="col"
+                                        >
+                                          Text input col 3
+                                        </th>
+                                      </BaseHeaderCellBase>
+                                    </BaseHeaderCell>
+                                  </HeaderCell>
+                                  <HeaderCell
+                                    data-key={3}
+                                    data-label="Text input col 4"
+                                    key="3-header"
+                                    scope="col"
+                                  >
+                                    <BaseHeaderCell
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Text input col 4"
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <BaseHeaderCellBase
+                                        className=""
+                                        component="th"
+                                        data-key={3}
+                                        data-label="Text input col 4"
+                                        innerRef={null}
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                        textCenter={false}
+                                        tooltip=""
+                                      >
+                                        <th
+                                          aria-sort={null}
+                                          className=""
+                                          data-key={3}
+                                          data-label="Text input col 4"
+                                          onMouseEnter={[Function]}
+                                          scope="col"
+                                        >
+                                          Text input col 4
+                                        </th>
+                                      </BaseHeaderCellBase>
+                                    </BaseHeaderCell>
+                                  </HeaderCell>
+                                  <HeaderCell
+                                    data-key={4}
+                                    data-label=""
+                                    key="4-header"
+                                    scope=""
+                                  >
+                                    <BaseHeaderCell
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label=""
+                                      onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <BaseHeaderCellBase
+                                        className=""
+                                        component="th"
+                                        data-key={4}
+                                        data-label=""
+                                        innerRef={null}
+                                        onMouseEnter={[Function]}
+                                        scope=""
+                                        textCenter={false}
+                                        tooltip=""
+                                      >
+                                        <th
+                                          aria-sort={null}
+                                          className=""
+                                          data-key={4}
+                                          data-label=""
+                                          onMouseEnter={[Function]}
+                                          scope=""
+                                        />
+                                      </BaseHeaderCellBase>
+                                    </BaseHeaderCell>
+                                  </HeaderCell>
+                                </tr>
+                              </BaseTableHeaderRowBase>
+                            </BaseTableHeaderRow>
+                          </HeaderRow>
+                        </thead>
+                      </BaseTableHeadBase>
+                    </BaseTableHead>
+                  </BaseHeader>
+                </Header>
+              </ContextHeader>
+            </TableHeader>
+            <TableBody>
+              <ContextBody
                 className=""
-                columns={
+                headerData={
                   Array [
                     Object {
                       "cell": Object {
@@ -50346,7 +56714,10 @@ exports[`Editable table 1`] = `
                   ]
                 }
                 headerRows={null}
-                mappedRows={
+                onRow={[Function]}
+                onRowClick={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "cells": Array [
@@ -50379,99 +56750,7 @@ exports[`Editable table 1`] = `
                           "title": [Function],
                         },
                       ],
-                      "disabled-text-input-col-2": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell2",
-                          "value": "Row 1 cell 2, disabled content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={1}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 2 content"
-                          isDisabled={true}
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell2",
-                              "value": "Row 1 cell 2, disabled content",
-                            }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 2, disabled content"
-                        />,
-                      },
-                      "id": 0,
                       "isEditable": true,
-                      "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "text-input-col-1": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell1",
-                          "value": "Row 1 cell 1 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={0}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 1 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell1",
-                              "value": "Row 1 cell 1 content",
-                            }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 1 content"
-                        />,
-                      },
-                      "text-input-col-3": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell3",
-                          "value": "Row 1 cell 3 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={2}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 3 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell3",
-                              "value": "Row 1 cell 3 content",
-                            }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 3 content"
-                        />,
-                      },
-                      "text-input-col-4": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell4",
-                          "value": "Row 1 cell 4 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={3}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 4 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell4",
-                              "value": "Row 1 cell 4 content",
-                            }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 4 content"
-                        />,
-                      },
                     },
                     Object {
                       "cells": Array [
@@ -50504,378 +56783,271 @@ exports[`Editable table 1`] = `
                           "title": [Function],
                         },
                       ],
-                      "disabled-text-input-col-2": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell2",
-                          "value": "Row 2 cell 2, disabled content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={1}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 2 cell 2 content"
-                          isDisabled={true}
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell2",
-                              "value": "Row 2 cell 2, disabled content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 2, disabled content"
-                        />,
-                      },
-                      "id": 1,
                       "isEditable": false,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
-                      "text-input-col-1": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell1",
-                          "value": "Row 2 cell 1 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={0}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 1 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell1",
-                              "value": "Row 2 cell 1 content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 1 content"
-                        />,
-                      },
-                      "text-input-col-3": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell3",
-                          "value": "Row 2 cell 3 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={2}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 2 cell 3 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell3",
-                              "value": "Row 2 cell 3 content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 3 content"
-                        />,
-                      },
-                      "text-input-col-4": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell4",
-                          "value": "Row 2 cell 4 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={3}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 2 cell 4 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell4",
-                              "value": "Row 2 cell 4 content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 4 content"
-                        />,
-                      },
                     },
                   ]
                 }
-                onRow={[Function]}
-                renderers={
-                  Object {
-                    "body": Object {
-                      "cell": [Function],
-                      "row": [Function],
-                      "wrapper": [Function],
-                    },
-                    "header": Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    },
-                    "table": "table",
-                  }
-                }
-                rowKey="id"
-                rows={
-                  Array [
-                    Object {
-                      "cells": Array [
-                        Object {
-                          "props": Object {
-                            "name": "uniqueIdRow1Cell1",
-                            "value": "Row 1 cell 1 content",
+              >
+                <Body
+                  className=""
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "cells": Array [
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow1Cell1",
+                              "value": "Row 1 cell 1 content",
+                            },
+                            "title": [Function],
                           },
-                          "title": [Function],
-                        },
-                        Object {
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow1Cell2",
+                              "value": "Row 1 cell 2, disabled content",
+                            },
+                            "title": [Function],
+                          },
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow1Cell3",
+                              "value": "Row 1 cell 3 content",
+                            },
+                            "title": [Function],
+                          },
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow1Cell4",
+                              "value": "Row 1 cell 4 content",
+                            },
+                            "title": [Function],
+                          },
+                        ],
+                        "disabled-text-input-col-2": Object {
+                          "formatters": Array [],
                           "props": Object {
+                            "isVisible": true,
                             "name": "uniqueIdRow1Cell2",
                             "value": "Row 1 cell 2, disabled content",
                           },
-                          "title": [Function],
+                          "title": <EditableTextCell
+                            cellIndex={1}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 1 cell 2 content"
+                            isDisabled={true}
+                            props={
+                              Object {
+                                "name": "uniqueIdRow1Cell2",
+                                "value": "Row 1 cell 2, disabled content",
+                              }
+                            }
+                            rowIndex={0}
+                            value="Row 1 cell 2, disabled content"
+                          />,
                         },
-                        Object {
+                        "id": 0,
+                        "isEditable": true,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "text-input-col-1": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                            "name": "uniqueIdRow1Cell1",
+                            "value": "Row 1 cell 1 content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={0}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 1 cell 1 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow1Cell1",
+                                "value": "Row 1 cell 1 content",
+                              }
+                            }
+                            rowIndex={0}
+                            value="Row 1 cell 1 content"
+                          />,
+                        },
+                        "text-input-col-3": Object {
+                          "formatters": Array [],
                           "props": Object {
+                            "isVisible": true,
                             "name": "uniqueIdRow1Cell3",
                             "value": "Row 1 cell 3 content",
                           },
-                          "title": [Function],
+                          "title": <EditableTextCell
+                            cellIndex={2}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 1 cell 3 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow1Cell3",
+                                "value": "Row 1 cell 3 content",
+                              }
+                            }
+                            rowIndex={0}
+                            value="Row 1 cell 3 content"
+                          />,
                         },
-                        Object {
+                        "text-input-col-4": Object {
+                          "formatters": Array [],
                           "props": Object {
+                            "isVisible": true,
                             "name": "uniqueIdRow1Cell4",
                             "value": "Row 1 cell 4 content",
                           },
-                          "title": [Function],
-                        },
-                      ],
-                      "disabled-text-input-col-2": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell2",
-                          "value": "Row 1 cell 2, disabled content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={1}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 2 content"
-                          isDisabled={true}
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell2",
-                              "value": "Row 1 cell 2, disabled content",
+                          "title": <EditableTextCell
+                            cellIndex={3}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 1 cell 4 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow1Cell4",
+                                "value": "Row 1 cell 4 content",
+                              }
                             }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 2, disabled content"
-                        />,
-                      },
-                      "id": 0,
-                      "isEditable": true,
-                      "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "text-input-col-1": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell1",
-                          "value": "Row 1 cell 1 content",
+                            rowIndex={0}
+                            value="Row 1 cell 4 content"
+                          />,
                         },
-                        "title": <EditableTextCell
-                          cellIndex={0}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 1 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell1",
-                              "value": "Row 1 cell 1 content",
-                            }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 1 content"
-                        />,
                       },
-                      "text-input-col-3": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell3",
-                          "value": "Row 1 cell 3 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={2}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 3 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell3",
-                              "value": "Row 1 cell 3 content",
+                      Object {
+                        "cells": Array [
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow2Cell1",
+                              "value": "Row 2 cell 1 content",
+                            },
+                            "title": [Function],
+                          },
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow2Cell2",
+                              "value": "Row 2 cell 2, disabled content",
+                            },
+                            "title": [Function],
+                          },
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow2Cell3",
+                              "value": "Row 2 cell 3 content",
+                            },
+                            "title": [Function],
+                          },
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow2Cell4",
+                              "value": "Row 2 cell 4 content",
+                            },
+                            "title": [Function],
+                          },
+                        ],
+                        "disabled-text-input-col-2": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                            "name": "uniqueIdRow2Cell2",
+                            "value": "Row 2 cell 2, disabled content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={1}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 2 cell 2 content"
+                            isDisabled={true}
+                            props={
+                              Object {
+                                "name": "uniqueIdRow2Cell2",
+                                "value": "Row 2 cell 2, disabled content",
+                              }
                             }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 3 content"
-                        />,
-                      },
-                      "text-input-col-4": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow1Cell4",
-                          "value": "Row 1 cell 4 content",
+                            rowIndex={1}
+                            value="Row 2 cell 2, disabled content"
+                          />,
                         },
-                        "title": <EditableTextCell
-                          cellIndex={3}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 4 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow1Cell4",
-                              "value": "Row 1 cell 4 content",
-                            }
-                          }
-                          rowIndex={0}
-                          value="Row 1 cell 4 content"
-                        />,
-                      },
-                    },
-                    Object {
-                      "cells": Array [
-                        Object {
+                        "id": 1,
+                        "isEditable": false,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "text-input-col-1": Object {
+                          "formatters": Array [],
                           "props": Object {
+                            "isVisible": true,
                             "name": "uniqueIdRow2Cell1",
                             "value": "Row 2 cell 1 content",
                           },
-                          "title": [Function],
-                        },
-                        Object {
-                          "props": Object {
-                            "name": "uniqueIdRow2Cell2",
-                            "value": "Row 2 cell 2, disabled content",
-                          },
-                          "title": [Function],
+                          "title": <EditableTextCell
+                            cellIndex={0}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 1 cell 1 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow2Cell1",
+                                "value": "Row 2 cell 1 content",
+                              }
+                            }
+                            rowIndex={1}
+                            value="Row 2 cell 1 content"
+                          />,
                         },
-                        Object {
+                        "text-input-col-3": Object {
+                          "formatters": Array [],
                           "props": Object {
+                            "isVisible": true,
                             "name": "uniqueIdRow2Cell3",
                             "value": "Row 2 cell 3 content",
                           },
-                          "title": [Function],
+                          "title": <EditableTextCell
+                            cellIndex={2}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 2 cell 3 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow2Cell3",
+                                "value": "Row 2 cell 3 content",
+                              }
+                            }
+                            rowIndex={1}
+                            value="Row 2 cell 3 content"
+                          />,
                         },
-                        Object {
+                        "text-input-col-4": Object {
+                          "formatters": Array [],
                           "props": Object {
+                            "isVisible": true,
                             "name": "uniqueIdRow2Cell4",
                             "value": "Row 2 cell 4 content",
                           },
-                          "title": [Function],
-                        },
-                      ],
-                      "disabled-text-input-col-2": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell2",
-                          "value": "Row 2 cell 2, disabled content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={1}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 2 cell 2 content"
-                          isDisabled={true}
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell2",
-                              "value": "Row 2 cell 2, disabled content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 2, disabled content"
-                        />,
-                      },
-                      "id": 1,
-                      "isEditable": false,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
-                      "text-input-col-1": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell1",
-                          "value": "Row 2 cell 1 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={0}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 1 cell 1 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell1",
-                              "value": "Row 2 cell 1 content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 1 content"
-                        />,
-                      },
-                      "text-input-col-3": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell3",
-                          "value": "Row 2 cell 3 content",
-                        },
-                        "title": <EditableTextCell
-                          cellIndex={2}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 2 cell 3 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell3",
-                              "value": "Row 2 cell 3 content",
+                          "title": <EditableTextCell
+                            cellIndex={3}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 2 cell 4 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow2Cell4",
+                                "value": "Row 2 cell 4 content",
+                              }
                             }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 3 content"
-                        />,
-                      },
-                      "text-input-col-4": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                          "name": "uniqueIdRow2Cell4",
-                          "value": "Row 2 cell 4 content",
+                            rowIndex={1}
+                            value="Row 2 cell 4 content"
+                          />,
                         },
-                        "title": <EditableTextCell
-                          cellIndex={3}
-                          handleTextInputChange={[Function]}
-                          inputAriaLabel="Row 2 cell 4 content"
-                          props={
-                            Object {
-                              "name": "uniqueIdRow2Cell4",
-                              "value": "Row 2 cell 4 content",
-                            }
-                          }
-                          rowIndex={1}
-                          value="Row 2 cell 4 content"
-                        />,
                       },
-                    },
-                  ]
-                }
-              >
-                <BodyWrapper
-                  className=""
-                  headerRows={null}
-                  mappedRows={
+                    ]
+                  }
+                  onRow={[Function]}
+                  rowKey="id"
+                  rows={
                     Array [
                       Object {
                         "cells": Array [
@@ -50983,392 +57155,666 @@ exports[`Editable table 1`] = `
                         "text-input-col-4": Object {
                           "formatters": Array [],
                           "props": Object {
-                            "isVisible": true,
-                            "name": "uniqueIdRow1Cell4",
-                            "value": "Row 1 cell 4 content",
+                            "isVisible": true,
+                            "name": "uniqueIdRow1Cell4",
+                            "value": "Row 1 cell 4 content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={3}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 1 cell 4 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow1Cell4",
+                                "value": "Row 1 cell 4 content",
+                              }
+                            }
+                            rowIndex={0}
+                            value="Row 1 cell 4 content"
+                          />,
+                        },
+                      },
+                      Object {
+                        "cells": Array [
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow2Cell1",
+                              "value": "Row 2 cell 1 content",
+                            },
+                            "title": [Function],
+                          },
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow2Cell2",
+                              "value": "Row 2 cell 2, disabled content",
+                            },
+                            "title": [Function],
+                          },
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow2Cell3",
+                              "value": "Row 2 cell 3 content",
+                            },
+                            "title": [Function],
+                          },
+                          Object {
+                            "props": Object {
+                              "name": "uniqueIdRow2Cell4",
+                              "value": "Row 2 cell 4 content",
+                            },
+                            "title": [Function],
+                          },
+                        ],
+                        "disabled-text-input-col-2": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                            "name": "uniqueIdRow2Cell2",
+                            "value": "Row 2 cell 2, disabled content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={1}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 2 cell 2 content"
+                            isDisabled={true}
+                            props={
+                              Object {
+                                "name": "uniqueIdRow2Cell2",
+                                "value": "Row 2 cell 2, disabled content",
+                              }
+                            }
+                            rowIndex={1}
+                            value="Row 2 cell 2, disabled content"
+                          />,
+                        },
+                        "id": 1,
+                        "isEditable": false,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "text-input-col-1": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                            "name": "uniqueIdRow2Cell1",
+                            "value": "Row 2 cell 1 content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={0}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 1 cell 1 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow2Cell1",
+                                "value": "Row 2 cell 1 content",
+                              }
+                            }
+                            rowIndex={1}
+                            value="Row 2 cell 1 content"
+                          />,
+                        },
+                        "text-input-col-3": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                            "name": "uniqueIdRow2Cell3",
+                            "value": "Row 2 cell 3 content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={2}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 2 cell 3 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow2Cell3",
+                                "value": "Row 2 cell 3 content",
+                              }
+                            }
+                            rowIndex={1}
+                            value="Row 2 cell 3 content"
+                          />,
+                        },
+                        "text-input-col-4": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                            "name": "uniqueIdRow2Cell4",
+                            "value": "Row 2 cell 4 content",
+                          },
+                          "title": <EditableTextCell
+                            cellIndex={3}
+                            handleTextInputChange={[Function]}
+                            inputAriaLabel="Row 2 cell 4 content"
+                            props={
+                              Object {
+                                "name": "uniqueIdRow2Cell4",
+                                "value": "Row 2 cell 4 content",
+                              }
+                            }
+                            rowIndex={1}
+                            value="Row 2 cell 4 content"
+                          />,
+                        },
+                      },
+                    ]
+                  }
+                >
+                  <BaseBody
+                    className=""
+                    columns={
+                      Array [
+                        Object {
+                          "cell": Object {
+                            "formatters": Array [
+                              [Function],
+                            ],
+                            "transforms": Array [
+                              [Function],
+                            ],
+                          },
+                          "data": undefined,
+                          "extraParams": Object {
+                            "actionResolver": undefined,
+                            "actions": undefined,
+                            "allRowsSelected": false,
+                            "areActionsDisabled": undefined,
+                            "canSelectAll": true,
+                            "contentId": "expanded-content",
+                            "dropdownDirection": "down",
+                            "dropdownPosition": "right",
+                            "expandId": "expandable-toggle",
+                            "firstUserColumnIndex": 0,
+                            "onCollapse": undefined,
+                            "onExpand": undefined,
+                            "onRowEdit": [Function],
+                            "onSelect": undefined,
+                            "onSort": undefined,
+                            "rowLabeledBy": "simple-node",
+                            "selectVariant": "checkbox",
+                            "sortBy": undefined,
+                          },
+                          "header": Object {
+                            "formatters": Array [],
+                            "label": "Text input col 1",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "property": "text-input-col-1",
+                          "props": Object {
+                            "data-key": 0,
+                            "data-label": "Text input col 1",
+                          },
+                        },
+                        Object {
+                          "cell": Object {
+                            "formatters": Array [
+                              [Function],
+                            ],
+                            "transforms": Array [
+                              [Function],
+                            ],
+                          },
+                          "data": undefined,
+                          "extraParams": Object {
+                            "actionResolver": undefined,
+                            "actions": undefined,
+                            "allRowsSelected": false,
+                            "areActionsDisabled": undefined,
+                            "canSelectAll": true,
+                            "contentId": "expanded-content",
+                            "dropdownDirection": "down",
+                            "dropdownPosition": "right",
+                            "expandId": "expandable-toggle",
+                            "firstUserColumnIndex": 0,
+                            "onCollapse": undefined,
+                            "onExpand": undefined,
+                            "onRowEdit": [Function],
+                            "onSelect": undefined,
+                            "onSort": undefined,
+                            "rowLabeledBy": "simple-node",
+                            "selectVariant": "checkbox",
+                            "sortBy": undefined,
+                          },
+                          "header": Object {
+                            "formatters": Array [],
+                            "label": "Disabled text input col 2",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "property": "disabled-text-input-col-2",
+                          "props": Object {
+                            "data-key": 1,
+                            "data-label": "Disabled text input col 2",
+                          },
+                        },
+                        Object {
+                          "cell": Object {
+                            "formatters": Array [
+                              [Function],
+                            ],
+                            "transforms": Array [
+                              [Function],
+                            ],
+                          },
+                          "data": undefined,
+                          "extraParams": Object {
+                            "actionResolver": undefined,
+                            "actions": undefined,
+                            "allRowsSelected": false,
+                            "areActionsDisabled": undefined,
+                            "canSelectAll": true,
+                            "contentId": "expanded-content",
+                            "dropdownDirection": "down",
+                            "dropdownPosition": "right",
+                            "expandId": "expandable-toggle",
+                            "firstUserColumnIndex": 0,
+                            "onCollapse": undefined,
+                            "onExpand": undefined,
+                            "onRowEdit": [Function],
+                            "onSelect": undefined,
+                            "onSort": undefined,
+                            "rowLabeledBy": "simple-node",
+                            "selectVariant": "checkbox",
+                            "sortBy": undefined,
+                          },
+                          "header": Object {
+                            "formatters": Array [],
+                            "label": "Text input col 3",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "property": "text-input-col-3",
+                          "props": Object {
+                            "data-key": 2,
+                            "data-label": "Text input col 3",
+                          },
+                        },
+                        Object {
+                          "cell": Object {
+                            "formatters": Array [
+                              [Function],
+                            ],
+                            "transforms": Array [
+                              [Function],
+                            ],
+                          },
+                          "data": undefined,
+                          "extraParams": Object {
+                            "actionResolver": undefined,
+                            "actions": undefined,
+                            "allRowsSelected": false,
+                            "areActionsDisabled": undefined,
+                            "canSelectAll": true,
+                            "contentId": "expanded-content",
+                            "dropdownDirection": "down",
+                            "dropdownPosition": "right",
+                            "expandId": "expandable-toggle",
+                            "firstUserColumnIndex": 0,
+                            "onCollapse": undefined,
+                            "onExpand": undefined,
+                            "onRowEdit": [Function],
+                            "onSelect": undefined,
+                            "onSort": undefined,
+                            "rowLabeledBy": "simple-node",
+                            "selectVariant": "checkbox",
+                            "sortBy": undefined,
+                          },
+                          "header": Object {
+                            "formatters": Array [],
+                            "label": "Text input col 4",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "property": "text-input-col-4",
+                          "props": Object {
+                            "data-key": 3,
+                            "data-label": "Text input col 4",
+                          },
+                        },
+                        Object {
+                          "cell": Object {
+                            "formatters": Array [
+                              [Function],
+                            ],
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "data": undefined,
+                          "extraParams": Object {
+                            "actionResolver": undefined,
+                            "actions": undefined,
+                            "allRowsSelected": false,
+                            "areActionsDisabled": undefined,
+                            "canSelectAll": true,
+                            "contentId": "expanded-content",
+                            "dropdownDirection": "down",
+                            "dropdownPosition": "right",
+                            "expandId": "expandable-toggle",
+                            "firstUserColumnIndex": 0,
+                            "onCollapse": undefined,
+                            "onExpand": undefined,
+                            "onRowEdit": [Function],
+                            "onSelect": undefined,
+                            "onSort": undefined,
+                            "rowLabeledBy": "simple-node",
+                            "selectVariant": "checkbox",
+                            "sortBy": undefined,
+                          },
+                          "header": Object {
+                            "formatters": Array [],
+                            "label": "",
+                            "transforms": Array [
+                              [Function],
+                              [Function],
+                            ],
+                          },
+                          "property": "column-4",
+                          "props": Object {
+                            "data-key": 4,
+                            "data-label": "",
                           },
-                          "title": <EditableTextCell
-                            cellIndex={3}
-                            handleTextInputChange={[Function]}
-                            inputAriaLabel="Row 1 cell 4 content"
-                            props={
-                              Object {
+                        },
+                      ]
+                    }
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "cells": Array [
+                            Object {
+                              "props": Object {
+                                "name": "uniqueIdRow1Cell1",
+                                "value": "Row 1 cell 1 content",
+                              },
+                              "title": [Function],
+                            },
+                            Object {
+                              "props": Object {
+                                "name": "uniqueIdRow1Cell2",
+                                "value": "Row 1 cell 2, disabled content",
+                              },
+                              "title": [Function],
+                            },
+                            Object {
+                              "props": Object {
+                                "name": "uniqueIdRow1Cell3",
+                                "value": "Row 1 cell 3 content",
+                              },
+                              "title": [Function],
+                            },
+                            Object {
+                              "props": Object {
                                 "name": "uniqueIdRow1Cell4",
                                 "value": "Row 1 cell 4 content",
-                              }
-                            }
-                            rowIndex={0}
-                            value="Row 1 cell 4 content"
-                          />,
-                        },
-                      },
-                      Object {
-                        "cells": Array [
-                          Object {
+                              },
+                              "title": [Function],
+                            },
+                          ],
+                          "disabled-text-input-col-2": Object {
+                            "formatters": Array [],
                             "props": Object {
-                              "name": "uniqueIdRow2Cell1",
-                              "value": "Row 2 cell 1 content",
+                              "isVisible": true,
+                              "name": "uniqueIdRow1Cell2",
+                              "value": "Row 1 cell 2, disabled content",
                             },
-                            "title": [Function],
+                            "title": <EditableTextCell
+                              cellIndex={1}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 1 cell 2 content"
+                              isDisabled={true}
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow1Cell2",
+                                  "value": "Row 1 cell 2, disabled content",
+                                }
+                              }
+                              rowIndex={0}
+                              value="Row 1 cell 2, disabled content"
+                            />,
                           },
-                          Object {
+                          "id": 0,
+                          "isEditable": true,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "text-input-col-1": Object {
+                            "formatters": Array [],
                             "props": Object {
-                              "name": "uniqueIdRow2Cell2",
-                              "value": "Row 2 cell 2, disabled content",
+                              "isVisible": true,
+                              "name": "uniqueIdRow1Cell1",
+                              "value": "Row 1 cell 1 content",
                             },
-                            "title": [Function],
+                            "title": <EditableTextCell
+                              cellIndex={0}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 1 cell 1 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow1Cell1",
+                                  "value": "Row 1 cell 1 content",
+                                }
+                              }
+                              rowIndex={0}
+                              value="Row 1 cell 1 content"
+                            />,
                           },
-                          Object {
+                          "text-input-col-3": Object {
+                            "formatters": Array [],
                             "props": Object {
-                              "name": "uniqueIdRow2Cell3",
-                              "value": "Row 2 cell 3 content",
+                              "isVisible": true,
+                              "name": "uniqueIdRow1Cell3",
+                              "value": "Row 1 cell 3 content",
                             },
-                            "title": [Function],
+                            "title": <EditableTextCell
+                              cellIndex={2}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 1 cell 3 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow1Cell3",
+                                  "value": "Row 1 cell 3 content",
+                                }
+                              }
+                              rowIndex={0}
+                              value="Row 1 cell 3 content"
+                            />,
                           },
-                          Object {
+                          "text-input-col-4": Object {
+                            "formatters": Array [],
                             "props": Object {
-                              "name": "uniqueIdRow2Cell4",
-                              "value": "Row 2 cell 4 content",
+                              "isVisible": true,
+                              "name": "uniqueIdRow1Cell4",
+                              "value": "Row 1 cell 4 content",
                             },
-                            "title": [Function],
-                          },
-                        ],
-                        "disabled-text-input-col-2": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                            "name": "uniqueIdRow2Cell2",
-                            "value": "Row 2 cell 2, disabled content",
-                          },
-                          "title": <EditableTextCell
-                            cellIndex={1}
-                            handleTextInputChange={[Function]}
-                            inputAriaLabel="Row 2 cell 2 content"
-                            isDisabled={true}
-                            props={
-                              Object {
-                                "name": "uniqueIdRow2Cell2",
-                                "value": "Row 2 cell 2, disabled content",
+                            "title": <EditableTextCell
+                              cellIndex={3}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 1 cell 4 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow1Cell4",
+                                  "value": "Row 1 cell 4 content",
+                                }
                               }
-                            }
-                            rowIndex={1}
-                            value="Row 2 cell 2, disabled content"
-                          />,
-                        },
-                        "id": 1,
-                        "isEditable": false,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "text-input-col-1": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                            "name": "uniqueIdRow2Cell1",
-                            "value": "Row 2 cell 1 content",
+                              rowIndex={0}
+                              value="Row 1 cell 4 content"
+                            />,
                           },
-                          "title": <EditableTextCell
-                            cellIndex={0}
-                            handleTextInputChange={[Function]}
-                            inputAriaLabel="Row 1 cell 1 content"
-                            props={
-                              Object {
+                        },
+                        Object {
+                          "cells": Array [
+                            Object {
+                              "props": Object {
                                 "name": "uniqueIdRow2Cell1",
                                 "value": "Row 2 cell 1 content",
-                              }
-                            }
-                            rowIndex={1}
-                            value="Row 2 cell 1 content"
-                          />,
-                        },
-                        "text-input-col-3": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                            "name": "uniqueIdRow2Cell3",
-                            "value": "Row 2 cell 3 content",
-                          },
-                          "title": <EditableTextCell
-                            cellIndex={2}
-                            handleTextInputChange={[Function]}
-                            inputAriaLabel="Row 2 cell 3 content"
-                            props={
-                              Object {
+                              },
+                              "title": [Function],
+                            },
+                            Object {
+                              "props": Object {
+                                "name": "uniqueIdRow2Cell2",
+                                "value": "Row 2 cell 2, disabled content",
+                              },
+                              "title": [Function],
+                            },
+                            Object {
+                              "props": Object {
                                 "name": "uniqueIdRow2Cell3",
                                 "value": "Row 2 cell 3 content",
-                              }
-                            }
-                            rowIndex={1}
-                            value="Row 2 cell 3 content"
-                          />,
-                        },
-                        "text-input-col-4": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                            "name": "uniqueIdRow2Cell4",
-                            "value": "Row 2 cell 4 content",
-                          },
-                          "title": <EditableTextCell
-                            cellIndex={3}
-                            handleTextInputChange={[Function]}
-                            inputAriaLabel="Row 2 cell 4 content"
-                            props={
-                              Object {
+                              },
+                              "title": [Function],
+                            },
+                            Object {
+                              "props": Object {
                                 "name": "uniqueIdRow2Cell4",
                                 "value": "Row 2 cell 4 content",
-                              }
-                            }
-                            rowIndex={1}
-                            value="Row 2 cell 4 content"
-                          />,
-                        },
-                      },
-                    ]
-                  }
-                >
-                  <tbody
-                    className=""
-                  >
-                    <BodyRow
-                      columns={
-                        Array [
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Text input col 1",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "text-input-col-1",
-                            "props": Object {
-                              "data-key": 0,
-                              "data-label": "Text input col 1",
-                            },
-                          },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Disabled text input col 2",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
+                              },
+                              "title": [Function],
                             },
-                            "property": "disabled-text-input-col-2",
+                          ],
+                          "disabled-text-input-col-2": Object {
+                            "formatters": Array [],
                             "props": Object {
-                              "data-key": 1,
-                              "data-label": "Disabled text input col 2",
+                              "isVisible": true,
+                              "name": "uniqueIdRow2Cell2",
+                              "value": "Row 2 cell 2, disabled content",
                             },
+                            "title": <EditableTextCell
+                              cellIndex={1}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 2 cell 2 content"
+                              isDisabled={true}
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow2Cell2",
+                                  "value": "Row 2 cell 2, disabled content",
+                                }
+                              }
+                              rowIndex={1}
+                              value="Row 2 cell 2, disabled content"
+                            />,
                           },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Text input col 3",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "text-input-col-3",
+                          "id": 1,
+                          "isEditable": false,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "text-input-col-1": Object {
+                            "formatters": Array [],
                             "props": Object {
-                              "data-key": 2,
-                              "data-label": "Text input col 3",
+                              "isVisible": true,
+                              "name": "uniqueIdRow2Cell1",
+                              "value": "Row 2 cell 1 content",
                             },
+                            "title": <EditableTextCell
+                              cellIndex={0}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 1 cell 1 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow2Cell1",
+                                  "value": "Row 2 cell 1 content",
+                                }
+                              }
+                              rowIndex={1}
+                              value="Row 2 cell 1 content"
+                            />,
                           },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Text input col 4",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "text-input-col-4",
+                          "text-input-col-3": Object {
+                            "formatters": Array [],
                             "props": Object {
-                              "data-key": 3,
-                              "data-label": "Text input col 4",
+                              "isVisible": true,
+                              "name": "uniqueIdRow2Cell3",
+                              "value": "Row 2 cell 3 content",
                             },
+                            "title": <EditableTextCell
+                              cellIndex={2}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 2 cell 3 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow2Cell3",
+                                  "value": "Row 2 cell 3 content",
+                                }
+                              }
+                              rowIndex={1}
+                              value="Row 2 cell 3 content"
+                            />,
                           },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "column-4",
+                          "text-input-col-4": Object {
+                            "formatters": Array [],
                             "props": Object {
-                              "data-key": 4,
-                              "data-label": "",
+                              "isVisible": true,
+                              "name": "uniqueIdRow2Cell4",
+                              "value": "Row 2 cell 4 content",
                             },
+                            "title": <EditableTextCell
+                              cellIndex={3}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 2 cell 4 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow2Cell4",
+                                  "value": "Row 2 cell 4 content",
+                                }
+                              }
+                              rowIndex={1}
+                              value="Row 2 cell 4 content"
+                            />,
                           },
-                        ]
-                      }
-                      key="0-row"
-                      onRow={[Function]}
-                      renderers={
-                        Object {
+                        },
+                      ]
+                    }
+                    onRow={[Function]}
+                    renderers={
+                      Object {
+                        "body": Object {
                           "cell": [Function],
                           "row": [Function],
                           "wrapper": [Function],
-                        }
+                        },
+                        "header": Object {
+                          "cell": [Function],
+                          "row": Object {
+                            "$$typeof": Symbol(react.forward_ref),
+                            "displayName": "BaseTableHeaderRow",
+                            "render": [Function],
+                          },
+                          "wrapper": Object {
+                            "$$typeof": Symbol(react.forward_ref),
+                            "displayName": "BaseTableHead",
+                            "render": [Function],
+                          },
+                        },
+                        "table": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTable",
+                          "render": [Function],
+                        },
                       }
-                      rowData={
+                    }
+                    rowKey="id"
+                    rows={
+                      Array [
                         Object {
                           "cells": Array [
                             Object {
@@ -51468,40 +57914,165 @@ exports[`Editable table 1`] = `
                                   "value": "Row 1 cell 3 content",
                                 }
                               }
-                              rowIndex={0}
-                              value="Row 1 cell 3 content"
+                              rowIndex={0}
+                              value="Row 1 cell 3 content"
+                            />,
+                          },
+                          "text-input-col-4": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                              "name": "uniqueIdRow1Cell4",
+                              "value": "Row 1 cell 4 content",
+                            },
+                            "title": <EditableTextCell
+                              cellIndex={3}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 1 cell 4 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow1Cell4",
+                                  "value": "Row 1 cell 4 content",
+                                }
+                              }
+                              rowIndex={0}
+                              value="Row 1 cell 4 content"
+                            />,
+                          },
+                        },
+                        Object {
+                          "cells": Array [
+                            Object {
+                              "props": Object {
+                                "name": "uniqueIdRow2Cell1",
+                                "value": "Row 2 cell 1 content",
+                              },
+                              "title": [Function],
+                            },
+                            Object {
+                              "props": Object {
+                                "name": "uniqueIdRow2Cell2",
+                                "value": "Row 2 cell 2, disabled content",
+                              },
+                              "title": [Function],
+                            },
+                            Object {
+                              "props": Object {
+                                "name": "uniqueIdRow2Cell3",
+                                "value": "Row 2 cell 3 content",
+                              },
+                              "title": [Function],
+                            },
+                            Object {
+                              "props": Object {
+                                "name": "uniqueIdRow2Cell4",
+                                "value": "Row 2 cell 4 content",
+                              },
+                              "title": [Function],
+                            },
+                          ],
+                          "disabled-text-input-col-2": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                              "name": "uniqueIdRow2Cell2",
+                              "value": "Row 2 cell 2, disabled content",
+                            },
+                            "title": <EditableTextCell
+                              cellIndex={1}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 2 cell 2 content"
+                              isDisabled={true}
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow2Cell2",
+                                  "value": "Row 2 cell 2, disabled content",
+                                }
+                              }
+                              rowIndex={1}
+                              value="Row 2 cell 2, disabled content"
+                            />,
+                          },
+                          "id": 1,
+                          "isEditable": false,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "text-input-col-1": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                              "name": "uniqueIdRow2Cell1",
+                              "value": "Row 2 cell 1 content",
+                            },
+                            "title": <EditableTextCell
+                              cellIndex={0}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 1 cell 1 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow2Cell1",
+                                  "value": "Row 2 cell 1 content",
+                                }
+                              }
+                              rowIndex={1}
+                              value="Row 2 cell 1 content"
+                            />,
+                          },
+                          "text-input-col-3": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                              "name": "uniqueIdRow2Cell3",
+                              "value": "Row 2 cell 3 content",
+                            },
+                            "title": <EditableTextCell
+                              cellIndex={2}
+                              handleTextInputChange={[Function]}
+                              inputAriaLabel="Row 2 cell 3 content"
+                              props={
+                                Object {
+                                  "name": "uniqueIdRow2Cell3",
+                                  "value": "Row 2 cell 3 content",
+                                }
+                              }
+                              rowIndex={1}
+                              value="Row 2 cell 3 content"
                             />,
                           },
                           "text-input-col-4": Object {
                             "formatters": Array [],
                             "props": Object {
                               "isVisible": true,
-                              "name": "uniqueIdRow1Cell4",
-                              "value": "Row 1 cell 4 content",
+                              "name": "uniqueIdRow2Cell4",
+                              "value": "Row 2 cell 4 content",
                             },
                             "title": <EditableTextCell
                               cellIndex={3}
                               handleTextInputChange={[Function]}
-                              inputAriaLabel="Row 1 cell 4 content"
+                              inputAriaLabel="Row 2 cell 4 content"
                               props={
                                 Object {
-                                  "name": "uniqueIdRow1Cell4",
-                                  "value": "Row 1 cell 4 content",
+                                  "name": "uniqueIdRow2Cell4",
+                                  "value": "Row 2 cell 4 content",
                                 }
                               }
-                              rowIndex={0}
-                              value="Row 1 cell 4 content"
+                              rowIndex={1}
+                              value="Row 2 cell 4 content"
                             />,
                           },
-                        }
-                      }
-                      rowIndex={0}
-                      rowKey="0-row"
-                    >
-                      <RowWrapper
-                        className=""
-                        onMouseDown={[Function]}
-                        row={
+                        },
+                      ]
+                    }
+                  >
+                    <BodyWrapper
+                      className=""
+                      headerRows={null}
+                      mappedRows={
+                        Array [
                           Object {
                             "cells": Array [
                               Object {
@@ -51626,880 +58197,7 @@ exports[`Editable table 1`] = `
                                 value="Row 1 cell 4 content"
                               />,
                             },
-                          }
-                        }
-                        rowProps={
-                          Object {
-                            "rowIndex": 0,
-                            "rowKey": "0-row",
-                          }
-                        }
-                      >
-                        <tr
-                          className="pf-m-inline-editable"
-                          data-ouia-component-id="OUIA-Generated-TableRow-28"
-                          data-ouia-component-type="PF4/TableRow"
-                          data-ouia-safe={true}
-                          hidden={false}
-                          onMouseDown={[Function]}
-                        >
-                          <BodyCell
-                            data-key={0}
-                            data-label="Text input col 1"
-                            isVisible={true}
-                            key="col-0-row-0"
-                            name="uniqueIdRow1Cell1"
-                            value="Row 1 cell 1 content"
-                          >
-                            <td
-                              className=""
-                              data-key={0}
-                              data-label="Text input col 1"
-                              onMouseEnter={[Function]}
-                            >
-                              <EditableTextCell
-                                cellIndex={0}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 1 cell 1 content"
-                                props={
-                                  Object {
-                                    "name": "uniqueIdRow1Cell1",
-                                    "value": "Row 1 cell 1 content",
-                                  }
-                                }
-                                rowIndex={0}
-                                value="Row 1 cell 1 content"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 1 cell 1 content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
-                                >
-                                  <TextInput
-                                    aria-label="Row 1 cell 1 content"
-                                    isDisabled={false}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 1 cell 1 content"
-                                  >
-                                    <TextInputBase
-                                      aria-label="Row 1 cell 1 content"
-                                      className=""
-                                      innerRef={null}
-                                      isDisabled={false}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
-                                      value="Row 1 cell 1 content"
-                                    >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 1 cell 1 content"
-                                        className="pf-c-form-control"
-                                        disabled={false}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 1 cell 1 content"
-                                      />
-                                    </TextInputBase>
-                                  </TextInput>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            data-key={1}
-                            data-label="Disabled text input col 2"
-                            isVisible={true}
-                            key="col-1-row-0"
-                            name="uniqueIdRow1Cell2"
-                            value="Row 1 cell 2, disabled content"
-                          >
-                            <td
-                              className=""
-                              data-key={1}
-                              data-label="Disabled text input col 2"
-                              onMouseEnter={[Function]}
-                            >
-                              <EditableTextCell
-                                cellIndex={1}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 1 cell 2 content"
-                                isDisabled={true}
-                                props={
-                                  Object {
-                                    "name": "uniqueIdRow1Cell2",
-                                    "value": "Row 1 cell 2, disabled content",
-                                  }
-                                }
-                                rowIndex={0}
-                                value="Row 1 cell 2, disabled content"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 1 cell 2, disabled content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
-                                >
-                                  <TextInput
-                                    aria-label="Row 1 cell 2 content"
-                                    isDisabled={true}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 1 cell 2, disabled content"
-                                  >
-                                    <TextInputBase
-                                      aria-label="Row 1 cell 2 content"
-                                      className=""
-                                      innerRef={null}
-                                      isDisabled={true}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
-                                      value="Row 1 cell 2, disabled content"
-                                    >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 1 cell 2 content"
-                                        className="pf-c-form-control"
-                                        disabled={true}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 1 cell 2, disabled content"
-                                      />
-                                    </TextInputBase>
-                                  </TextInput>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            data-key={2}
-                            data-label="Text input col 3"
-                            isVisible={true}
-                            key="col-2-row-0"
-                            name="uniqueIdRow1Cell3"
-                            value="Row 1 cell 3 content"
-                          >
-                            <td
-                              className=""
-                              data-key={2}
-                              data-label="Text input col 3"
-                              onMouseEnter={[Function]}
-                            >
-                              <EditableTextCell
-                                cellIndex={2}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 1 cell 3 content"
-                                props={
-                                  Object {
-                                    "name": "uniqueIdRow1Cell3",
-                                    "value": "Row 1 cell 3 content",
-                                  }
-                                }
-                                rowIndex={0}
-                                value="Row 1 cell 3 content"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 1 cell 3 content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
-                                >
-                                  <TextInput
-                                    aria-label="Row 1 cell 3 content"
-                                    isDisabled={false}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 1 cell 3 content"
-                                  >
-                                    <TextInputBase
-                                      aria-label="Row 1 cell 3 content"
-                                      className=""
-                                      innerRef={null}
-                                      isDisabled={false}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
-                                      value="Row 1 cell 3 content"
-                                    >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 1 cell 3 content"
-                                        className="pf-c-form-control"
-                                        disabled={false}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 1 cell 3 content"
-                                      />
-                                    </TextInputBase>
-                                  </TextInput>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            data-key={3}
-                            data-label="Text input col 4"
-                            isVisible={true}
-                            key="col-3-row-0"
-                            name="uniqueIdRow1Cell4"
-                            value="Row 1 cell 4 content"
-                          >
-                            <td
-                              className=""
-                              data-key={3}
-                              data-label="Text input col 4"
-                              onMouseEnter={[Function]}
-                            >
-                              <EditableTextCell
-                                cellIndex={3}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 1 cell 4 content"
-                                props={
-                                  Object {
-                                    "name": "uniqueIdRow1Cell4",
-                                    "value": "Row 1 cell 4 content",
-                                  }
-                                }
-                                rowIndex={0}
-                                value="Row 1 cell 4 content"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 1 cell 4 content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
-                                >
-                                  <TextInput
-                                    aria-label="Row 1 cell 4 content"
-                                    isDisabled={false}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 1 cell 4 content"
-                                  >
-                                    <TextInputBase
-                                      aria-label="Row 1 cell 4 content"
-                                      className=""
-                                      innerRef={null}
-                                      isDisabled={false}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
-                                      value="Row 1 cell 4 content"
-                                    >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 1 cell 4 content"
-                                        className="pf-c-form-control"
-                                        disabled={false}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 1 cell 4 content"
-                                      />
-                                    </TextInputBase>
-                                  </TextInput>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            className="pf-c-table__inline-edit-action"
-                            component="td"
-                            data-key={4}
-                            data-label=""
-                            isVisible={true}
-                            key="col-4-row-0"
-                          >
-                            <td
-                              className="pf-c-table__inline-edit-action"
-                              data-key={4}
-                              onMouseEnter={[Function]}
-                            >
-                              <EditColumn
-                                cancelAriaLabel="Cancel row edits for row 0"
-                                editAriaLabel="Place row 0 in edit mode"
-                                editing={true}
-                                onClick={[Function]}
-                                saveAriaLabel="Save row edits for row 0"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__group pf-m-icon-group pf-m-action-group"
-                                >
-                                  <div
-                                    className="pf-c-inline-edit__action"
-                                  >
-                                    <Button
-                                      aria-label="Save row edits for row 0"
-                                      onClick={[Function]}
-                                      variant="plain"
-                                    >
-                                      <button
-                                        aria-disabled={false}
-                                        aria-label="Save row edits for row 0"
-                                        className="pf-c-button pf-m-plain"
-                                        data-ouia-component-id="OUIA-Generated-Button-plain-1"
-                                        data-ouia-component-type="PF4/Button"
-                                        data-ouia-safe={true}
-                                        disabled={false}
-                                        onClick={[Function]}
-                                        role={null}
-                                        type="button"
-                                      >
-                                        <CheckIcon
-                                          color="currentColor"
-                                          noVerticalAlign={false}
-                                          size="sm"
-                                        >
-                                          <svg
-                                            aria-hidden={true}
-                                            aria-labelledby={null}
-                                            fill="currentColor"
-                                            height="1em"
-                                            role="img"
-                                            style={
-                                              Object {
-                                                "verticalAlign": "-0.125em",
-                                              }
-                                            }
-                                            viewBox="0 0 512 512"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
-                                            />
-                                          </svg>
-                                        </CheckIcon>
-                                      </button>
-                                    </Button>
-                                  </div>
-                                  <div
-                                    className="pf-c-inline-edit__action"
-                                  >
-                                    <Button
-                                      aria-label="Cancel row edits for row 0"
-                                      onClick={[Function]}
-                                      variant="plain"
-                                    >
-                                      <button
-                                        aria-disabled={false}
-                                        aria-label="Cancel row edits for row 0"
-                                        className="pf-c-button pf-m-plain"
-                                        data-ouia-component-id="OUIA-Generated-Button-plain-2"
-                                        data-ouia-component-type="PF4/Button"
-                                        data-ouia-safe={true}
-                                        disabled={false}
-                                        onClick={[Function]}
-                                        role={null}
-                                        type="button"
-                                      >
-                                        <TimesIcon
-                                          color="currentColor"
-                                          noVerticalAlign={false}
-                                          size="sm"
-                                        >
-                                          <svg
-                                            aria-hidden={true}
-                                            aria-labelledby={null}
-                                            fill="currentColor"
-                                            height="1em"
-                                            role="img"
-                                            style={
-                                              Object {
-                                                "verticalAlign": "-0.125em",
-                                              }
-                                            }
-                                            viewBox="0 0 352 512"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-                                            />
-                                          </svg>
-                                        </TimesIcon>
-                                      </button>
-                                    </Button>
-                                  </div>
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__action pf-m-enable-editable"
-                                >
-                                  <Button
-                                    aria-label="Place row 0 in edit mode"
-                                    onClick={[Function]}
-                                    variant="plain"
-                                  >
-                                    <button
-                                      aria-disabled={false}
-                                      aria-label="Place row 0 in edit mode"
-                                      className="pf-c-button pf-m-plain"
-                                      data-ouia-component-id="OUIA-Generated-Button-plain-3"
-                                      data-ouia-component-type="PF4/Button"
-                                      data-ouia-safe={true}
-                                      disabled={false}
-                                      onClick={[Function]}
-                                      role={null}
-                                      type="button"
-                                    >
-                                      <PencilAltIcon
-                                        color="currentColor"
-                                        noVerticalAlign={false}
-                                        size="sm"
-                                      >
-                                        <svg
-                                          aria-hidden={true}
-                                          aria-labelledby={null}
-                                          fill="currentColor"
-                                          height="1em"
-                                          role="img"
-                                          style={
-                                            Object {
-                                              "verticalAlign": "-0.125em",
-                                            }
-                                          }
-                                          viewBox="0 0 512 512"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                                          />
-                                        </svg>
-                                      </PencilAltIcon>
-                                    </button>
-                                  </Button>
-                                </div>
-                              </EditColumn>
-                            </td>
-                          </BodyCell>
-                        </tr>
-                      </RowWrapper>
-                    </BodyRow>
-                    <BodyRow
-                      columns={
-                        Array [
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Text input col 1",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "text-input-col-1",
-                            "props": Object {
-                              "data-key": 0,
-                              "data-label": "Text input col 1",
-                            },
-                          },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Disabled text input col 2",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "disabled-text-input-col-2",
-                            "props": Object {
-                              "data-key": 1,
-                              "data-label": "Disabled text input col 2",
-                            },
-                          },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Text input col 3",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "text-input-col-3",
-                            "props": Object {
-                              "data-key": 2,
-                              "data-label": "Text input col 3",
-                            },
-                          },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "Text input col 4",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "text-input-col-4",
-                            "props": Object {
-                              "data-key": 3,
-                              "data-label": "Text input col 4",
-                            },
-                          },
-                          Object {
-                            "cell": Object {
-                              "formatters": Array [
-                                [Function],
-                              ],
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "data": undefined,
-                            "extraParams": Object {
-                              "actionResolver": undefined,
-                              "actions": undefined,
-                              "allRowsSelected": false,
-                              "areActionsDisabled": undefined,
-                              "canSelectAll": true,
-                              "contentId": "expanded-content",
-                              "dropdownDirection": "down",
-                              "dropdownPosition": "right",
-                              "expandId": "expandable-toggle",
-                              "firstUserColumnIndex": 0,
-                              "onCollapse": undefined,
-                              "onExpand": undefined,
-                              "onRowEdit": [Function],
-                              "onSelect": undefined,
-                              "onSort": undefined,
-                              "rowLabeledBy": "simple-node",
-                              "selectVariant": "checkbox",
-                              "sortBy": undefined,
-                            },
-                            "header": Object {
-                              "formatters": Array [],
-                              "label": "",
-                              "transforms": Array [
-                                [Function],
-                                [Function],
-                              ],
-                            },
-                            "property": "column-4",
-                            "props": Object {
-                              "data-key": 4,
-                              "data-label": "",
-                            },
-                          },
-                        ]
-                      }
-                      key="1-row"
-                      onRow={[Function]}
-                      renderers={
-                        Object {
-                          "cell": [Function],
-                          "row": [Function],
-                          "wrapper": [Function],
-                        }
-                      }
-                      rowData={
-                        Object {
-                          "cells": Array [
-                            Object {
-                              "props": Object {
-                                "name": "uniqueIdRow2Cell1",
-                                "value": "Row 2 cell 1 content",
-                              },
-                              "title": [Function],
-                            },
-                            Object {
-                              "props": Object {
-                                "name": "uniqueIdRow2Cell2",
-                                "value": "Row 2 cell 2, disabled content",
-                              },
-                              "title": [Function],
-                            },
-                            Object {
-                              "props": Object {
-                                "name": "uniqueIdRow2Cell3",
-                                "value": "Row 2 cell 3 content",
-                              },
-                              "title": [Function],
-                            },
-                            Object {
-                              "props": Object {
-                                "name": "uniqueIdRow2Cell4",
-                                "value": "Row 2 cell 4 content",
-                              },
-                              "title": [Function],
-                            },
-                          ],
-                          "disabled-text-input-col-2": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                              "name": "uniqueIdRow2Cell2",
-                              "value": "Row 2 cell 2, disabled content",
-                            },
-                            "title": <EditableTextCell
-                              cellIndex={1}
-                              handleTextInputChange={[Function]}
-                              inputAriaLabel="Row 2 cell 2 content"
-                              isDisabled={true}
-                              props={
-                                Object {
-                                  "name": "uniqueIdRow2Cell2",
-                                  "value": "Row 2 cell 2, disabled content",
-                                }
-                              }
-                              rowIndex={1}
-                              value="Row 2 cell 2, disabled content"
-                            />,
-                          },
-                          "id": 1,
-                          "isEditable": false,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "text-input-col-1": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                              "name": "uniqueIdRow2Cell1",
-                              "value": "Row 2 cell 1 content",
-                            },
-                            "title": <EditableTextCell
-                              cellIndex={0}
-                              handleTextInputChange={[Function]}
-                              inputAriaLabel="Row 1 cell 1 content"
-                              props={
-                                Object {
-                                  "name": "uniqueIdRow2Cell1",
-                                  "value": "Row 2 cell 1 content",
-                                }
-                              }
-                              rowIndex={1}
-                              value="Row 2 cell 1 content"
-                            />,
-                          },
-                          "text-input-col-3": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                              "name": "uniqueIdRow2Cell3",
-                              "value": "Row 2 cell 3 content",
-                            },
-                            "title": <EditableTextCell
-                              cellIndex={2}
-                              handleTextInputChange={[Function]}
-                              inputAriaLabel="Row 2 cell 3 content"
-                              props={
-                                Object {
-                                  "name": "uniqueIdRow2Cell3",
-                                  "value": "Row 2 cell 3 content",
-                                }
-                              }
-                              rowIndex={1}
-                              value="Row 2 cell 3 content"
-                            />,
-                          },
-                          "text-input-col-4": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                              "name": "uniqueIdRow2Cell4",
-                              "value": "Row 2 cell 4 content",
-                            },
-                            "title": <EditableTextCell
-                              cellIndex={3}
-                              handleTextInputChange={[Function]}
-                              inputAriaLabel="Row 2 cell 4 content"
-                              props={
-                                Object {
-                                  "name": "uniqueIdRow2Cell4",
-                                  "value": "Row 2 cell 4 content",
-                                }
-                              }
-                              rowIndex={1}
-                              value="Row 2 cell 4 content"
-                            />,
                           },
-                        }
-                      }
-                      rowIndex={1}
-                      rowKey="1-row"
-                    >
-                      <RowWrapper
-                        className=""
-                        onMouseDown={[Function]}
-                        row={
                           Object {
                             "cells": Array [
                               Object {
@@ -52574,568 +58272,2296 @@ exports[`Editable table 1`] = `
                                 inputAriaLabel="Row 1 cell 1 content"
                                 props={
                                   Object {
-                                    "name": "uniqueIdRow2Cell1",
-                                    "value": "Row 2 cell 1 content",
-                                  }
+                                    "name": "uniqueIdRow2Cell1",
+                                    "value": "Row 2 cell 1 content",
+                                  }
+                                }
+                                rowIndex={1}
+                                value="Row 2 cell 1 content"
+                              />,
+                            },
+                            "text-input-col-3": Object {
+                              "formatters": Array [],
+                              "props": Object {
+                                "isVisible": true,
+                                "name": "uniqueIdRow2Cell3",
+                                "value": "Row 2 cell 3 content",
+                              },
+                              "title": <EditableTextCell
+                                cellIndex={2}
+                                handleTextInputChange={[Function]}
+                                inputAriaLabel="Row 2 cell 3 content"
+                                props={
+                                  Object {
+                                    "name": "uniqueIdRow2Cell3",
+                                    "value": "Row 2 cell 3 content",
+                                  }
+                                }
+                                rowIndex={1}
+                                value="Row 2 cell 3 content"
+                              />,
+                            },
+                            "text-input-col-4": Object {
+                              "formatters": Array [],
+                              "props": Object {
+                                "isVisible": true,
+                                "name": "uniqueIdRow2Cell4",
+                                "value": "Row 2 cell 4 content",
+                              },
+                              "title": <EditableTextCell
+                                cellIndex={3}
+                                handleTextInputChange={[Function]}
+                                inputAriaLabel="Row 2 cell 4 content"
+                                props={
+                                  Object {
+                                    "name": "uniqueIdRow2Cell4",
+                                    "value": "Row 2 cell 4 content",
+                                  }
+                                }
+                                rowIndex={1}
+                                value="Row 2 cell 4 content"
+                              />,
+                            },
+                          },
+                        ]
+                      }
+                    >
+                      <BaseTableBody
+                        className=""
+                      >
+                        <BaseTableBodyBase
+                          className=""
+                          innerRef={null}
+                        >
+                          <tbody
+                            className=""
+                            role="rowgroup"
+                          >
+                            <BodyRow
+                              columns={
+                                Array [
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Text input col 1",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "text-input-col-1",
+                                    "props": Object {
+                                      "data-key": 0,
+                                      "data-label": "Text input col 1",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Disabled text input col 2",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "disabled-text-input-col-2",
+                                    "props": Object {
+                                      "data-key": 1,
+                                      "data-label": "Disabled text input col 2",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Text input col 3",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "text-input-col-3",
+                                    "props": Object {
+                                      "data-key": 2,
+                                      "data-label": "Text input col 3",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Text input col 4",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "text-input-col-4",
+                                    "props": Object {
+                                      "data-key": 3,
+                                      "data-label": "Text input col 4",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "column-4",
+                                    "props": Object {
+                                      "data-key": 4,
+                                      "data-label": "",
+                                    },
+                                  },
+                                ]
+                              }
+                              key="0-row"
+                              onRow={[Function]}
+                              renderers={
+                                Object {
+                                  "cell": [Function],
+                                  "row": [Function],
+                                  "wrapper": [Function],
                                 }
-                                rowIndex={1}
-                                value="Row 2 cell 1 content"
-                              />,
-                            },
-                            "text-input-col-3": Object {
-                              "formatters": Array [],
-                              "props": Object {
-                                "isVisible": true,
-                                "name": "uniqueIdRow2Cell3",
-                                "value": "Row 2 cell 3 content",
-                              },
-                              "title": <EditableTextCell
-                                cellIndex={2}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 2 cell 3 content"
-                                props={
-                                  Object {
-                                    "name": "uniqueIdRow2Cell3",
-                                    "value": "Row 2 cell 3 content",
-                                  }
+                              }
+                              rowData={
+                                Object {
+                                  "cells": Array [
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow1Cell1",
+                                        "value": "Row 1 cell 1 content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow1Cell2",
+                                        "value": "Row 1 cell 2, disabled content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow1Cell3",
+                                        "value": "Row 1 cell 3 content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow1Cell4",
+                                        "value": "Row 1 cell 4 content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                  ],
+                                  "disabled-text-input-col-2": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow1Cell2",
+                                      "value": "Row 1 cell 2, disabled content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={1}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 1 cell 2 content"
+                                      isDisabled={true}
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow1Cell2",
+                                          "value": "Row 1 cell 2, disabled content",
+                                        }
+                                      }
+                                      rowIndex={0}
+                                      value="Row 1 cell 2, disabled content"
+                                    />,
+                                  },
+                                  "id": 0,
+                                  "isEditable": true,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "text-input-col-1": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow1Cell1",
+                                      "value": "Row 1 cell 1 content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={0}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 1 cell 1 content"
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow1Cell1",
+                                          "value": "Row 1 cell 1 content",
+                                        }
+                                      }
+                                      rowIndex={0}
+                                      value="Row 1 cell 1 content"
+                                    />,
+                                  },
+                                  "text-input-col-3": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow1Cell3",
+                                      "value": "Row 1 cell 3 content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={2}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 1 cell 3 content"
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow1Cell3",
+                                          "value": "Row 1 cell 3 content",
+                                        }
+                                      }
+                                      rowIndex={0}
+                                      value="Row 1 cell 3 content"
+                                    />,
+                                  },
+                                  "text-input-col-4": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow1Cell4",
+                                      "value": "Row 1 cell 4 content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={3}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 1 cell 4 content"
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow1Cell4",
+                                          "value": "Row 1 cell 4 content",
+                                        }
+                                      }
+                                      rowIndex={0}
+                                      value="Row 1 cell 4 content"
+                                    />,
+                                  },
                                 }
-                                rowIndex={1}
-                                value="Row 2 cell 3 content"
-                              />,
-                            },
-                            "text-input-col-4": Object {
-                              "formatters": Array [],
-                              "props": Object {
-                                "isVisible": true,
-                                "name": "uniqueIdRow2Cell4",
-                                "value": "Row 2 cell 4 content",
-                              },
-                              "title": <EditableTextCell
-                                cellIndex={3}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 2 cell 4 content"
-                                props={
+                              }
+                              rowIndex={0}
+                              rowKey="0-row"
+                            >
+                              <RowWrapper
+                                className=""
+                                onMouseDown={[Function]}
+                                row={
                                   Object {
-                                    "name": "uniqueIdRow2Cell4",
-                                    "value": "Row 2 cell 4 content",
+                                    "cells": Array [
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow1Cell1",
+                                          "value": "Row 1 cell 1 content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow1Cell2",
+                                          "value": "Row 1 cell 2, disabled content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow1Cell3",
+                                          "value": "Row 1 cell 3 content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow1Cell4",
+                                          "value": "Row 1 cell 4 content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                    ],
+                                    "disabled-text-input-col-2": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow1Cell2",
+                                        "value": "Row 1 cell 2, disabled content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={1}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 1 cell 2 content"
+                                        isDisabled={true}
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow1Cell2",
+                                            "value": "Row 1 cell 2, disabled content",
+                                          }
+                                        }
+                                        rowIndex={0}
+                                        value="Row 1 cell 2, disabled content"
+                                      />,
+                                    },
+                                    "id": 0,
+                                    "isEditable": true,
+                                    "isExpanded": undefined,
+                                    "isFirst": true,
+                                    "isFirstVisible": true,
+                                    "isHeightAuto": false,
+                                    "isLast": false,
+                                    "isLastVisible": false,
+                                    "text-input-col-1": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow1Cell1",
+                                        "value": "Row 1 cell 1 content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={0}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 1 cell 1 content"
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow1Cell1",
+                                            "value": "Row 1 cell 1 content",
+                                          }
+                                        }
+                                        rowIndex={0}
+                                        value="Row 1 cell 1 content"
+                                      />,
+                                    },
+                                    "text-input-col-3": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow1Cell3",
+                                        "value": "Row 1 cell 3 content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={2}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 1 cell 3 content"
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow1Cell3",
+                                            "value": "Row 1 cell 3 content",
+                                          }
+                                        }
+                                        rowIndex={0}
+                                        value="Row 1 cell 3 content"
+                                      />,
+                                    },
+                                    "text-input-col-4": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow1Cell4",
+                                        "value": "Row 1 cell 4 content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={3}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 1 cell 4 content"
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow1Cell4",
+                                            "value": "Row 1 cell 4 content",
+                                          }
+                                        }
+                                        rowIndex={0}
+                                        value="Row 1 cell 4 content"
+                                      />,
+                                    },
                                   }
                                 }
-                                rowIndex={1}
-                                value="Row 2 cell 4 content"
-                              />,
-                            },
-                          }
-                        }
-                        rowProps={
-                          Object {
-                            "rowIndex": 1,
-                            "rowKey": "1-row",
-                          }
-                        }
-                      >
-                        <tr
-                          className=""
-                          data-ouia-component-id="OUIA-Generated-TableRow-29"
-                          data-ouia-component-type="PF4/TableRow"
-                          data-ouia-safe={true}
-                          hidden={false}
-                          onMouseDown={[Function]}
-                        >
-                          <BodyCell
-                            data-key={0}
-                            data-label="Text input col 1"
-                            isVisible={true}
-                            key="col-0-row-1"
-                            name="uniqueIdRow2Cell1"
-                            value="Row 2 cell 1 content"
-                          >
-                            <td
-                              className=""
-                              data-key={0}
-                              data-label="Text input col 1"
-                              onMouseEnter={[Function]}
-                            >
-                              <EditableTextCell
-                                cellIndex={0}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 1 cell 1 content"
-                                props={
+                                rowProps={
                                   Object {
-                                    "name": "uniqueIdRow2Cell1",
-                                    "value": "Row 2 cell 1 content",
+                                    "rowIndex": 0,
+                                    "rowKey": "0-row",
                                   }
                                 }
-                                rowIndex={1}
-                                value="Row 2 cell 1 content"
                               >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 2 cell 1 content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
+                                <BaseTableBodyRow
+                                  className=""
+                                  isEditable={true}
+                                  onMouseDown={[Function]}
                                 >
-                                  <TextInput
-                                    aria-label="Row 1 cell 1 content"
-                                    isDisabled={false}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 2 cell 1 content"
+                                  <BaseTableBodyRowBase
+                                    className=""
+                                    innerRef={null}
+                                    isEditable={true}
+                                    onMouseDown={[Function]}
                                   >
-                                    <TextInputBase
-                                      aria-label="Row 1 cell 1 content"
-                                      className=""
-                                      innerRef={null}
-                                      isDisabled={false}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
-                                      value="Row 2 cell 1 content"
+                                    <tr
+                                      className="pf-m-inline-editable"
+                                      data-ouia-component-id="OUIA-Generated-TableRow-28"
+                                      data-ouia-component-type="PF4/TableRow"
+                                      data-ouia-safe={true}
+                                      hidden={false}
+                                      onMouseDown={[Function]}
                                     >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 1 cell 1 content"
-                                        className="pf-c-form-control"
-                                        disabled={false}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 2 cell 1 content"
-                                      />
-                                    </TextInputBase>
-                                  </TextInput>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            data-key={1}
-                            data-label="Disabled text input col 2"
-                            isVisible={true}
-                            key="col-1-row-1"
-                            name="uniqueIdRow2Cell2"
-                            value="Row 2 cell 2, disabled content"
-                          >
-                            <td
-                              className=""
-                              data-key={1}
-                              data-label="Disabled text input col 2"
-                              onMouseEnter={[Function]}
-                            >
-                              <EditableTextCell
-                                cellIndex={1}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 2 cell 2 content"
-                                isDisabled={true}
-                                props={
+                                      <BodyCell
+                                        data-key={0}
+                                        data-label="Text input col 1"
+                                        isVisible={true}
+                                        key="col-0-row-0"
+                                        name="uniqueIdRow1Cell1"
+                                        value="Row 1 cell 1 content"
+                                      >
+                                        <BaseBodyCell
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Text input col 1"
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={0}
+                                            dataLabel="Text input col 1"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
+                                          >
+                                            <td
+                                              className=""
+                                              data-key={0}
+                                              data-label="Text input col 1"
+                                              onMouseEnter={[Function]}
+                                            >
+                                              <EditableTextCell
+                                                cellIndex={0}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 1 cell 1 content"
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow1Cell1",
+                                                    "value": "Row 1 cell 1 content",
+                                                  }
+                                                }
+                                                rowIndex={0}
+                                                value="Row 1 cell 1 content"
+                                              >
+                                                <div
+                                                  className="pf-c-inline-edit__value"
+                                                >
+                                                  Row 1 cell 1 content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
+                                                >
+                                                  <TextInput
+                                                    aria-label="Row 1 cell 1 content"
+                                                    isDisabled={false}
+                                                    onChange={[Function]}
+                                                    type="text"
+                                                    validated="default"
+                                                    value="Row 1 cell 1 content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 1 cell 1 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={false}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 1 cell 1 content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 1 cell 1 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 1 cell 1 content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </TextInput>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
+                                                  />
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
+                                      </BodyCell>
+                                      <BodyCell
+                                        data-key={1}
+                                        data-label="Disabled text input col 2"
+                                        isVisible={true}
+                                        key="col-1-row-0"
+                                        name="uniqueIdRow1Cell2"
+                                        value="Row 1 cell 2, disabled content"
+                                      >
+                                        <BaseBodyCell
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Disabled text input col 2"
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={1}
+                                            dataLabel="Disabled text input col 2"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
+                                          >
+                                            <td
+                                              className=""
+                                              data-key={1}
+                                              data-label="Disabled text input col 2"
+                                              onMouseEnter={[Function]}
+                                            >
+                                              <EditableTextCell
+                                                cellIndex={1}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 1 cell 2 content"
+                                                isDisabled={true}
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow1Cell2",
+                                                    "value": "Row 1 cell 2, disabled content",
+                                                  }
+                                                }
+                                                rowIndex={0}
+                                                value="Row 1 cell 2, disabled content"
+                                              >
+                                                <div
+                                                  className="pf-c-inline-edit__value"
+                                                >
+                                                  Row 1 cell 2, disabled content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
+                                                >
+                                                  <TextInput
+                                                    aria-label="Row 1 cell 2 content"
+                                                    isDisabled={true}
+                                                    onChange={[Function]}
+                                                    type="text"
+                                                    validated="default"
+                                                    value="Row 1 cell 2, disabled content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 1 cell 2 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={true}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 1 cell 2, disabled content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 1 cell 2 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={true}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 1 cell 2, disabled content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </TextInput>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
+                                                  />
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
+                                      </BodyCell>
+                                      <BodyCell
+                                        data-key={2}
+                                        data-label="Text input col 3"
+                                        isVisible={true}
+                                        key="col-2-row-0"
+                                        name="uniqueIdRow1Cell3"
+                                        value="Row 1 cell 3 content"
+                                      >
+                                        <BaseBodyCell
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Text input col 3"
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={2}
+                                            dataLabel="Text input col 3"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
+                                          >
+                                            <td
+                                              className=""
+                                              data-key={2}
+                                              data-label="Text input col 3"
+                                              onMouseEnter={[Function]}
+                                            >
+                                              <EditableTextCell
+                                                cellIndex={2}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 1 cell 3 content"
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow1Cell3",
+                                                    "value": "Row 1 cell 3 content",
+                                                  }
+                                                }
+                                                rowIndex={0}
+                                                value="Row 1 cell 3 content"
+                                              >
+                                                <div
+                                                  className="pf-c-inline-edit__value"
+                                                >
+                                                  Row 1 cell 3 content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
+                                                >
+                                                  <TextInput
+                                                    aria-label="Row 1 cell 3 content"
+                                                    isDisabled={false}
+                                                    onChange={[Function]}
+                                                    type="text"
+                                                    validated="default"
+                                                    value="Row 1 cell 3 content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 1 cell 3 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={false}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 1 cell 3 content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 1 cell 3 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 1 cell 3 content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </TextInput>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
+                                                  />
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
+                                      </BodyCell>
+                                      <BodyCell
+                                        data-key={3}
+                                        data-label="Text input col 4"
+                                        isVisible={true}
+                                        key="col-3-row-0"
+                                        name="uniqueIdRow1Cell4"
+                                        value="Row 1 cell 4 content"
+                                      >
+                                        <BaseBodyCell
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Text input col 4"
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={3}
+                                            dataLabel="Text input col 4"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
+                                          >
+                                            <td
+                                              className=""
+                                              data-key={3}
+                                              data-label="Text input col 4"
+                                              onMouseEnter={[Function]}
+                                            >
+                                              <EditableTextCell
+                                                cellIndex={3}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 1 cell 4 content"
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow1Cell4",
+                                                    "value": "Row 1 cell 4 content",
+                                                  }
+                                                }
+                                                rowIndex={0}
+                                                value="Row 1 cell 4 content"
+                                              >
+                                                <div
+                                                  className="pf-c-inline-edit__value"
+                                                >
+                                                  Row 1 cell 4 content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
+                                                >
+                                                  <TextInput
+                                                    aria-label="Row 1 cell 4 content"
+                                                    isDisabled={false}
+                                                    onChange={[Function]}
+                                                    type="text"
+                                                    validated="default"
+                                                    value="Row 1 cell 4 content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 1 cell 4 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={false}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 1 cell 4 content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 1 cell 4 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 1 cell 4 content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </TextInput>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
+                                                  />
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
+                                      </BodyCell>
+                                      <BodyCell
+                                        className="pf-c-table__inline-edit-action"
+                                        component="td"
+                                        data-key={4}
+                                        data-label=""
+                                        isVisible={true}
+                                        key="col-4-row-0"
+                                      >
+                                        <BaseBodyCell
+                                          className="pf-c-table__inline-edit-action"
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <BaseBodyCellBase
+                                            className="pf-c-table__inline-edit-action"
+                                            component="td"
+                                            data-key={4}
+                                            dataLabel={null}
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
+                                          >
+                                            <td
+                                              className="pf-c-table__inline-edit-action"
+                                              data-key={4}
+                                              data-label={null}
+                                              onMouseEnter={[Function]}
+                                            >
+                                              <EditColumn
+                                                cancelAriaLabel="Cancel row edits for row 0"
+                                                editAriaLabel="Place row 0 in edit mode"
+                                                editing={true}
+                                                onClick={[Function]}
+                                                saveAriaLabel="Save row edits for row 0"
+                                              >
+                                                <div
+                                                  className="pf-c-inline-edit__group pf-m-icon-group pf-m-action-group"
+                                                >
+                                                  <div
+                                                    className="pf-c-inline-edit__action"
+                                                  >
+                                                    <Button
+                                                      aria-label="Save row edits for row 0"
+                                                      onClick={[Function]}
+                                                      variant="plain"
+                                                    >
+                                                      <button
+                                                        aria-disabled={false}
+                                                        aria-label="Save row edits for row 0"
+                                                        className="pf-c-button pf-m-plain"
+                                                        data-ouia-component-id="OUIA-Generated-Button-plain-1"
+                                                        data-ouia-component-type="PF4/Button"
+                                                        data-ouia-safe={true}
+                                                        disabled={false}
+                                                        onClick={[Function]}
+                                                        role={null}
+                                                        type="button"
+                                                      >
+                                                        <CheckIcon
+                                                          color="currentColor"
+                                                          noVerticalAlign={false}
+                                                          size="sm"
+                                                        >
+                                                          <svg
+                                                            aria-hidden={true}
+                                                            aria-labelledby={null}
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style={
+                                                              Object {
+                                                                "verticalAlign": "-0.125em",
+                                                              }
+                                                            }
+                                                            viewBox="0 0 512 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
+                                                            />
+                                                          </svg>
+                                                        </CheckIcon>
+                                                      </button>
+                                                    </Button>
+                                                  </div>
+                                                  <div
+                                                    className="pf-c-inline-edit__action"
+                                                  >
+                                                    <Button
+                                                      aria-label="Cancel row edits for row 0"
+                                                      onClick={[Function]}
+                                                      variant="plain"
+                                                    >
+                                                      <button
+                                                        aria-disabled={false}
+                                                        aria-label="Cancel row edits for row 0"
+                                                        className="pf-c-button pf-m-plain"
+                                                        data-ouia-component-id="OUIA-Generated-Button-plain-2"
+                                                        data-ouia-component-type="PF4/Button"
+                                                        data-ouia-safe={true}
+                                                        disabled={false}
+                                                        onClick={[Function]}
+                                                        role={null}
+                                                        type="button"
+                                                      >
+                                                        <TimesIcon
+                                                          color="currentColor"
+                                                          noVerticalAlign={false}
+                                                          size="sm"
+                                                        >
+                                                          <svg
+                                                            aria-hidden={true}
+                                                            aria-labelledby={null}
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style={
+                                                              Object {
+                                                                "verticalAlign": "-0.125em",
+                                                              }
+                                                            }
+                                                            viewBox="0 0 352 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
+                                                            />
+                                                          </svg>
+                                                        </TimesIcon>
+                                                      </button>
+                                                    </Button>
+                                                  </div>
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__action pf-m-enable-editable"
+                                                >
+                                                  <Button
+                                                    aria-label="Place row 0 in edit mode"
+                                                    onClick={[Function]}
+                                                    variant="plain"
+                                                  >
+                                                    <button
+                                                      aria-disabled={false}
+                                                      aria-label="Place row 0 in edit mode"
+                                                      className="pf-c-button pf-m-plain"
+                                                      data-ouia-component-id="OUIA-Generated-Button-plain-3"
+                                                      data-ouia-component-type="PF4/Button"
+                                                      data-ouia-safe={true}
+                                                      disabled={false}
+                                                      onClick={[Function]}
+                                                      role={null}
+                                                      type="button"
+                                                    >
+                                                      <PencilAltIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 512 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                                                          />
+                                                        </svg>
+                                                      </PencilAltIcon>
+                                                    </button>
+                                                  </Button>
+                                                </div>
+                                              </EditColumn>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
+                                      </BodyCell>
+                                    </tr>
+                                  </BaseTableBodyRowBase>
+                                </BaseTableBodyRow>
+                              </RowWrapper>
+                            </BodyRow>
+                            <BodyRow
+                              columns={
+                                Array [
                                   Object {
-                                    "name": "uniqueIdRow2Cell2",
-                                    "value": "Row 2 cell 2, disabled content",
-                                  }
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Text input col 1",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "text-input-col-1",
+                                    "props": Object {
+                                      "data-key": 0,
+                                      "data-label": "Text input col 1",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Disabled text input col 2",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "disabled-text-input-col-2",
+                                    "props": Object {
+                                      "data-key": 1,
+                                      "data-label": "Disabled text input col 2",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Text input col 3",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "text-input-col-3",
+                                    "props": Object {
+                                      "data-key": 2,
+                                      "data-label": "Text input col 3",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "Text input col 4",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "text-input-col-4",
+                                    "props": Object {
+                                      "data-key": 3,
+                                      "data-label": "Text input col 4",
+                                    },
+                                  },
+                                  Object {
+                                    "cell": Object {
+                                      "formatters": Array [
+                                        [Function],
+                                      ],
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "data": undefined,
+                                    "extraParams": Object {
+                                      "actionResolver": undefined,
+                                      "actions": undefined,
+                                      "allRowsSelected": false,
+                                      "areActionsDisabled": undefined,
+                                      "canSelectAll": true,
+                                      "contentId": "expanded-content",
+                                      "dropdownDirection": "down",
+                                      "dropdownPosition": "right",
+                                      "expandId": "expandable-toggle",
+                                      "firstUserColumnIndex": 0,
+                                      "onCollapse": undefined,
+                                      "onExpand": undefined,
+                                      "onRowEdit": [Function],
+                                      "onSelect": undefined,
+                                      "onSort": undefined,
+                                      "rowLabeledBy": "simple-node",
+                                      "selectVariant": "checkbox",
+                                      "sortBy": undefined,
+                                    },
+                                    "header": Object {
+                                      "formatters": Array [],
+                                      "label": "",
+                                      "transforms": Array [
+                                        [Function],
+                                        [Function],
+                                      ],
+                                    },
+                                    "property": "column-4",
+                                    "props": Object {
+                                      "data-key": 4,
+                                      "data-label": "",
+                                    },
+                                  },
+                                ]
+                              }
+                              key="1-row"
+                              onRow={[Function]}
+                              renderers={
+                                Object {
+                                  "cell": [Function],
+                                  "row": [Function],
+                                  "wrapper": [Function],
                                 }
-                                rowIndex={1}
-                                value="Row 2 cell 2, disabled content"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 2 cell 2, disabled content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
-                                >
-                                  <TextInput
-                                    aria-label="Row 2 cell 2 content"
-                                    isDisabled={true}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 2 cell 2, disabled content"
-                                  >
-                                    <TextInputBase
-                                      aria-label="Row 2 cell 2 content"
-                                      className=""
-                                      innerRef={null}
+                              }
+                              rowData={
+                                Object {
+                                  "cells": Array [
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow2Cell1",
+                                        "value": "Row 2 cell 1 content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow2Cell2",
+                                        "value": "Row 2 cell 2, disabled content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow2Cell3",
+                                        "value": "Row 2 cell 3 content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                    Object {
+                                      "props": Object {
+                                        "name": "uniqueIdRow2Cell4",
+                                        "value": "Row 2 cell 4 content",
+                                      },
+                                      "title": [Function],
+                                    },
+                                  ],
+                                  "disabled-text-input-col-2": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow2Cell2",
+                                      "value": "Row 2 cell 2, disabled content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={1}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 2 cell 2 content"
                                       isDisabled={true}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow2Cell2",
+                                          "value": "Row 2 cell 2, disabled content",
+                                        }
+                                      }
+                                      rowIndex={1}
                                       value="Row 2 cell 2, disabled content"
-                                    >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 2 cell 2 content"
-                                        className="pf-c-form-control"
-                                        disabled={true}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 2 cell 2, disabled content"
-                                      />
-                                    </TextInputBase>
-                                  </TextInput>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            data-key={2}
-                            data-label="Text input col 3"
-                            isVisible={true}
-                            key="col-2-row-1"
-                            name="uniqueIdRow2Cell3"
-                            value="Row 2 cell 3 content"
-                          >
-                            <td
-                              className=""
-                              data-key={2}
-                              data-label="Text input col 3"
-                              onMouseEnter={[Function]}
+                                    />,
+                                  },
+                                  "id": 1,
+                                  "isEditable": false,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "text-input-col-1": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow2Cell1",
+                                      "value": "Row 2 cell 1 content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={0}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 1 cell 1 content"
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow2Cell1",
+                                          "value": "Row 2 cell 1 content",
+                                        }
+                                      }
+                                      rowIndex={1}
+                                      value="Row 2 cell 1 content"
+                                    />,
+                                  },
+                                  "text-input-col-3": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow2Cell3",
+                                      "value": "Row 2 cell 3 content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={2}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 2 cell 3 content"
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow2Cell3",
+                                          "value": "Row 2 cell 3 content",
+                                        }
+                                      }
+                                      rowIndex={1}
+                                      value="Row 2 cell 3 content"
+                                    />,
+                                  },
+                                  "text-input-col-4": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                      "name": "uniqueIdRow2Cell4",
+                                      "value": "Row 2 cell 4 content",
+                                    },
+                                    "title": <EditableTextCell
+                                      cellIndex={3}
+                                      handleTextInputChange={[Function]}
+                                      inputAriaLabel="Row 2 cell 4 content"
+                                      props={
+                                        Object {
+                                          "name": "uniqueIdRow2Cell4",
+                                          "value": "Row 2 cell 4 content",
+                                        }
+                                      }
+                                      rowIndex={1}
+                                      value="Row 2 cell 4 content"
+                                    />,
+                                  },
+                                }
+                              }
+                              rowIndex={1}
+                              rowKey="1-row"
                             >
-                              <EditableTextCell
-                                cellIndex={2}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 2 cell 3 content"
-                                props={
+                              <RowWrapper
+                                className=""
+                                onMouseDown={[Function]}
+                                row={
                                   Object {
-                                    "name": "uniqueIdRow2Cell3",
-                                    "value": "Row 2 cell 3 content",
+                                    "cells": Array [
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow2Cell1",
+                                          "value": "Row 2 cell 1 content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow2Cell2",
+                                          "value": "Row 2 cell 2, disabled content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow2Cell3",
+                                          "value": "Row 2 cell 3 content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                      Object {
+                                        "props": Object {
+                                          "name": "uniqueIdRow2Cell4",
+                                          "value": "Row 2 cell 4 content",
+                                        },
+                                        "title": [Function],
+                                      },
+                                    ],
+                                    "disabled-text-input-col-2": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow2Cell2",
+                                        "value": "Row 2 cell 2, disabled content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={1}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 2 cell 2 content"
+                                        isDisabled={true}
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow2Cell2",
+                                            "value": "Row 2 cell 2, disabled content",
+                                          }
+                                        }
+                                        rowIndex={1}
+                                        value="Row 2 cell 2, disabled content"
+                                      />,
+                                    },
+                                    "id": 1,
+                                    "isEditable": false,
+                                    "isExpanded": undefined,
+                                    "isFirst": false,
+                                    "isFirstVisible": false,
+                                    "isHeightAuto": false,
+                                    "isLast": true,
+                                    "isLastVisible": true,
+                                    "text-input-col-1": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow2Cell1",
+                                        "value": "Row 2 cell 1 content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={0}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 1 cell 1 content"
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow2Cell1",
+                                            "value": "Row 2 cell 1 content",
+                                          }
+                                        }
+                                        rowIndex={1}
+                                        value="Row 2 cell 1 content"
+                                      />,
+                                    },
+                                    "text-input-col-3": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow2Cell3",
+                                        "value": "Row 2 cell 3 content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={2}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 2 cell 3 content"
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow2Cell3",
+                                            "value": "Row 2 cell 3 content",
+                                          }
+                                        }
+                                        rowIndex={1}
+                                        value="Row 2 cell 3 content"
+                                      />,
+                                    },
+                                    "text-input-col-4": Object {
+                                      "formatters": Array [],
+                                      "props": Object {
+                                        "isVisible": true,
+                                        "name": "uniqueIdRow2Cell4",
+                                        "value": "Row 2 cell 4 content",
+                                      },
+                                      "title": <EditableTextCell
+                                        cellIndex={3}
+                                        handleTextInputChange={[Function]}
+                                        inputAriaLabel="Row 2 cell 4 content"
+                                        props={
+                                          Object {
+                                            "name": "uniqueIdRow2Cell4",
+                                            "value": "Row 2 cell 4 content",
+                                          }
+                                        }
+                                        rowIndex={1}
+                                        value="Row 2 cell 4 content"
+                                      />,
+                                    },
                                   }
                                 }
-                                rowIndex={1}
-                                value="Row 2 cell 3 content"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 2 cell 3 content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
-                                >
-                                  <TextInput
-                                    aria-label="Row 2 cell 3 content"
-                                    isDisabled={false}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 2 cell 3 content"
-                                  >
-                                    <TextInputBase
-                                      aria-label="Row 2 cell 3 content"
-                                      className=""
-                                      innerRef={null}
-                                      isDisabled={false}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
-                                      value="Row 2 cell 3 content"
-                                    >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 2 cell 3 content"
-                                        className="pf-c-form-control"
-                                        disabled={false}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 2 cell 3 content"
-                                      />
-                                    </TextInputBase>
-                                  </TextInput>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            data-key={3}
-                            data-label="Text input col 4"
-                            isVisible={true}
-                            key="col-3-row-1"
-                            name="uniqueIdRow2Cell4"
-                            value="Row 2 cell 4 content"
-                          >
-                            <td
-                              className=""
-                              data-key={3}
-                              data-label="Text input col 4"
-                              onMouseEnter={[Function]}
-                            >
-                              <EditableTextCell
-                                cellIndex={3}
-                                handleTextInputChange={[Function]}
-                                inputAriaLabel="Row 2 cell 4 content"
-                                props={
+                                rowProps={
                                   Object {
-                                    "name": "uniqueIdRow2Cell4",
-                                    "value": "Row 2 cell 4 content",
+                                    "rowIndex": 1,
+                                    "rowKey": "1-row",
                                   }
                                 }
-                                rowIndex={1}
-                                value="Row 2 cell 4 content"
                               >
-                                <div
-                                  className="pf-c-inline-edit__value"
-                                >
-                                  Row 2 cell 4 content
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__input"
+                                <BaseTableBodyRow
+                                  className=""
+                                  isEditable={false}
+                                  onMouseDown={[Function]}
                                 >
-                                  <TextInput
-                                    aria-label="Row 2 cell 4 content"
-                                    isDisabled={false}
-                                    onChange={[Function]}
-                                    type="text"
-                                    validated="default"
-                                    value="Row 2 cell 4 content"
+                                  <BaseTableBodyRowBase
+                                    className=""
+                                    innerRef={null}
+                                    isEditable={false}
+                                    onMouseDown={[Function]}
                                   >
-                                    <TextInputBase
-                                      aria-label="Row 2 cell 4 content"
+                                    <tr
                                       className=""
-                                      innerRef={null}
-                                      isDisabled={false}
-                                      isLeftTruncated={false}
-                                      isReadOnly={false}
-                                      isRequired={false}
-                                      onChange={[Function]}
-                                      type="text"
-                                      validated="default"
-                                      value="Row 2 cell 4 content"
+                                      data-ouia-component-id="OUIA-Generated-TableRow-29"
+                                      data-ouia-component-type="PF4/TableRow"
+                                      data-ouia-safe={true}
+                                      hidden={false}
+                                      onMouseDown={[Function]}
                                     >
-                                      <input
-                                        aria-invalid={false}
-                                        aria-label="Row 2 cell 4 content"
-                                        className="pf-c-form-control"
-                                        disabled={false}
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        readOnly={false}
-                                        required={false}
-                                        type="text"
-                                        value="Row 2 cell 4 content"
-                                      />
-                                    </TextInputBase>
-                                  </TextInput>
-                                  <div
-                                    aria-live="polite"
-                                    className="pf-c-form__helper-text pf-m-error"
-                                  />
-                                </div>
-                              </EditableTextCell>
-                            </td>
-                          </BodyCell>
-                          <BodyCell
-                            className="pf-c-table__inline-edit-action"
-                            component="td"
-                            data-key={4}
-                            data-label=""
-                            isVisible={true}
-                            key="col-4-row-1"
-                          >
-                            <td
-                              className="pf-c-table__inline-edit-action"
-                              data-key={4}
-                              onMouseEnter={[Function]}
-                            >
-                              <EditColumn
-                                cancelAriaLabel="Cancel row edits for row 1"
-                                editAriaLabel="Place row 1 in edit mode"
-                                editing={false}
-                                onClick={[Function]}
-                                saveAriaLabel="Save row edits for row 1"
-                              >
-                                <div
-                                  className="pf-c-inline-edit__group pf-m-icon-group pf-m-action-group"
-                                >
-                                  <div
-                                    className="pf-c-inline-edit__action"
-                                  >
-                                    <Button
-                                      aria-label="Save row edits for row 1"
-                                      onClick={[Function]}
-                                      variant="plain"
-                                    >
-                                      <button
-                                        aria-disabled={false}
-                                        aria-label="Save row edits for row 1"
-                                        className="pf-c-button pf-m-plain"
-                                        data-ouia-component-id="OUIA-Generated-Button-plain-4"
-                                        data-ouia-component-type="PF4/Button"
-                                        data-ouia-safe={true}
-                                        disabled={false}
-                                        onClick={[Function]}
-                                        role={null}
-                                        type="button"
-                                      >
-                                        <CheckIcon
-                                          color="currentColor"
-                                          noVerticalAlign={false}
-                                          size="sm"
-                                        >
-                                          <svg
-                                            aria-hidden={true}
-                                            aria-labelledby={null}
-                                            fill="currentColor"
-                                            height="1em"
-                                            role="img"
-                                            style={
-                                              Object {
-                                                "verticalAlign": "-0.125em",
-                                              }
-                                            }
-                                            viewBox="0 0 512 512"
-                                            width="1em"
+                                      <BodyCell
+                                        data-key={0}
+                                        data-label="Text input col 1"
+                                        isVisible={true}
+                                        key="col-0-row-1"
+                                        name="uniqueIdRow2Cell1"
+                                        value="Row 2 cell 1 content"
+                                      >
+                                        <BaseBodyCell
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Text input col 1"
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={0}
+                                            dataLabel="Text input col 1"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
                                           >
-                                            <path
-                                              d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
-                                            />
-                                          </svg>
-                                        </CheckIcon>
-                                      </button>
-                                    </Button>
-                                  </div>
-                                  <div
-                                    className="pf-c-inline-edit__action"
-                                  >
-                                    <Button
-                                      aria-label="Cancel row edits for row 1"
-                                      onClick={[Function]}
-                                      variant="plain"
-                                    >
-                                      <button
-                                        aria-disabled={false}
-                                        aria-label="Cancel row edits for row 1"
-                                        className="pf-c-button pf-m-plain"
-                                        data-ouia-component-id="OUIA-Generated-Button-plain-5"
-                                        data-ouia-component-type="PF4/Button"
-                                        data-ouia-safe={true}
-                                        disabled={false}
-                                        onClick={[Function]}
-                                        role={null}
-                                        type="button"
-                                      >
-                                        <TimesIcon
-                                          color="currentColor"
-                                          noVerticalAlign={false}
-                                          size="sm"
-                                        >
-                                          <svg
-                                            aria-hidden={true}
-                                            aria-labelledby={null}
-                                            fill="currentColor"
-                                            height="1em"
-                                            role="img"
-                                            style={
-                                              Object {
-                                                "verticalAlign": "-0.125em",
-                                              }
-                                            }
-                                            viewBox="0 0 352 512"
-                                            width="1em"
+                                            <td
+                                              className=""
+                                              data-key={0}
+                                              data-label="Text input col 1"
+                                              onMouseEnter={[Function]}
+                                            >
+                                              <EditableTextCell
+                                                cellIndex={0}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 1 cell 1 content"
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow2Cell1",
+                                                    "value": "Row 2 cell 1 content",
+                                                  }
+                                                }
+                                                rowIndex={1}
+                                                value="Row 2 cell 1 content"
+                                              >
+                                                <div
+                                                  className="pf-c-inline-edit__value"
+                                                >
+                                                  Row 2 cell 1 content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
+                                                >
+                                                  <TextInput
+                                                    aria-label="Row 1 cell 1 content"
+                                                    isDisabled={false}
+                                                    onChange={[Function]}
+                                                    type="text"
+                                                    validated="default"
+                                                    value="Row 2 cell 1 content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 1 cell 1 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={false}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 2 cell 1 content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 1 cell 1 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 2 cell 1 content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </TextInput>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
+                                                  />
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
+                                      </BodyCell>
+                                      <BodyCell
+                                        data-key={1}
+                                        data-label="Disabled text input col 2"
+                                        isVisible={true}
+                                        key="col-1-row-1"
+                                        name="uniqueIdRow2Cell2"
+                                        value="Row 2 cell 2, disabled content"
+                                      >
+                                        <BaseBodyCell
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Disabled text input col 2"
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={1}
+                                            dataLabel="Disabled text input col 2"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
                                           >
-                                            <path
-                                              d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-                                            />
-                                          </svg>
-                                        </TimesIcon>
-                                      </button>
-                                    </Button>
-                                  </div>
-                                </div>
-                                <div
-                                  className="pf-c-inline-edit__action pf-m-enable-editable"
-                                >
-                                  <Button
-                                    aria-label="Place row 1 in edit mode"
-                                    onClick={[Function]}
-                                    variant="plain"
-                                  >
-                                    <button
-                                      aria-disabled={false}
-                                      aria-label="Place row 1 in edit mode"
-                                      className="pf-c-button pf-m-plain"
-                                      data-ouia-component-id="OUIA-Generated-Button-plain-6"
-                                      data-ouia-component-type="PF4/Button"
-                                      data-ouia-safe={true}
-                                      disabled={false}
-                                      onClick={[Function]}
-                                      role={null}
-                                      type="button"
-                                    >
-                                      <PencilAltIcon
-                                        color="currentColor"
-                                        noVerticalAlign={false}
-                                        size="sm"
-                                      >
-                                        <svg
-                                          aria-hidden={true}
-                                          aria-labelledby={null}
-                                          fill="currentColor"
-                                          height="1em"
-                                          role="img"
-                                          style={
-                                            Object {
-                                              "verticalAlign": "-0.125em",
-                                            }
-                                          }
-                                          viewBox="0 0 512 512"
-                                          width="1em"
+                                            <td
+                                              className=""
+                                              data-key={1}
+                                              data-label="Disabled text input col 2"
+                                              onMouseEnter={[Function]}
+                                            >
+                                              <EditableTextCell
+                                                cellIndex={1}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 2 cell 2 content"
+                                                isDisabled={true}
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow2Cell2",
+                                                    "value": "Row 2 cell 2, disabled content",
+                                                  }
+                                                }
+                                                rowIndex={1}
+                                                value="Row 2 cell 2, disabled content"
+                                              >
+                                                <div
+                                                  className="pf-c-inline-edit__value"
+                                                >
+                                                  Row 2 cell 2, disabled content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
+                                                >
+                                                  <TextInput
+                                                    aria-label="Row 2 cell 2 content"
+                                                    isDisabled={true}
+                                                    onChange={[Function]}
+                                                    type="text"
+                                                    validated="default"
+                                                    value="Row 2 cell 2, disabled content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 2 cell 2 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={true}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 2 cell 2, disabled content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 2 cell 2 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={true}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 2 cell 2, disabled content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </TextInput>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
+                                                  />
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
+                                      </BodyCell>
+                                      <BodyCell
+                                        data-key={2}
+                                        data-label="Text input col 3"
+                                        isVisible={true}
+                                        key="col-2-row-1"
+                                        name="uniqueIdRow2Cell3"
+                                        value="Row 2 cell 3 content"
+                                      >
+                                        <BaseBodyCell
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Text input col 3"
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
                                         >
-                                          <path
-                                            d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                                          />
-                                        </svg>
-                                      </PencilAltIcon>
-                                    </button>
-                                  </Button>
-                                </div>
-                              </EditColumn>
-                            </td>
-                          </BodyCell>
-                        </tr>
-                      </RowWrapper>
-                    </BodyRow>
-                  </tbody>
-                </BodyWrapper>
-              </BaseBody>
-            </Body>
-          </ContextBody>
-        </TableBody>
-      </table>
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={2}
+                                            dataLabel="Text input col 3"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
+                                          >
+                                            <td
+                                              className=""
+                                              data-key={2}
+                                              data-label="Text input col 3"
+                                              onMouseEnter={[Function]}
+                                            >
+                                              <EditableTextCell
+                                                cellIndex={2}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 2 cell 3 content"
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow2Cell3",
+                                                    "value": "Row 2 cell 3 content",
+                                                  }
+                                                }
+                                                rowIndex={1}
+                                                value="Row 2 cell 3 content"
+                                              >
+                                                <div
+                                                  className="pf-c-inline-edit__value"
+                                                >
+                                                  Row 2 cell 3 content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
+                                                >
+                                                  <TextInput
+                                                    aria-label="Row 2 cell 3 content"
+                                                    isDisabled={false}
+                                                    onChange={[Function]}
+                                                    type="text"
+                                                    validated="default"
+                                                    value="Row 2 cell 3 content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 2 cell 3 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={false}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 2 cell 3 content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 2 cell 3 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 2 cell 3 content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </TextInput>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
+                                                  />
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
+                                      </BodyCell>
+                                      <BodyCell
+                                        data-key={3}
+                                        data-label="Text input col 4"
+                                        isVisible={true}
+                                        key="col-3-row-1"
+                                        name="uniqueIdRow2Cell4"
+                                        value="Row 2 cell 4 content"
+                                      >
+                                        <BaseBodyCell
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Text input col 4"
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <BaseBodyCellBase
+                                            className=""
+                                            component="td"
+                                            data-key={3}
+                                            dataLabel="Text input col 4"
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
+                                          >
+                                            <td
+                                              className=""
+                                              data-key={3}
+                                              data-label="Text input col 4"
+                                              onMouseEnter={[Function]}
+                                            >
+                                              <EditableTextCell
+                                                cellIndex={3}
+                                                handleTextInputChange={[Function]}
+                                                inputAriaLabel="Row 2 cell 4 content"
+                                                props={
+                                                  Object {
+                                                    "name": "uniqueIdRow2Cell4",
+                                                    "value": "Row 2 cell 4 content",
+                                                  }
+                                                }
+                                                rowIndex={1}
+                                                value="Row 2 cell 4 content"
+                                              >
+                                                <div
+                                                  className="pf-c-inline-edit__value"
+                                                >
+                                                  Row 2 cell 4 content
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__input"
+                                                >
+                                                  <TextInput
+                                                    aria-label="Row 2 cell 4 content"
+                                                    isDisabled={false}
+                                                    onChange={[Function]}
+                                                    type="text"
+                                                    validated="default"
+                                                    value="Row 2 cell 4 content"
+                                                  >
+                                                    <TextInputBase
+                                                      aria-label="Row 2 cell 4 content"
+                                                      className=""
+                                                      innerRef={null}
+                                                      isDisabled={false}
+                                                      isLeftTruncated={false}
+                                                      isReadOnly={false}
+                                                      isRequired={false}
+                                                      onChange={[Function]}
+                                                      type="text"
+                                                      validated="default"
+                                                      value="Row 2 cell 4 content"
+                                                    >
+                                                      <input
+                                                        aria-invalid={false}
+                                                        aria-label="Row 2 cell 4 content"
+                                                        className="pf-c-form-control"
+                                                        disabled={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        readOnly={false}
+                                                        required={false}
+                                                        type="text"
+                                                        value="Row 2 cell 4 content"
+                                                      />
+                                                    </TextInputBase>
+                                                  </TextInput>
+                                                  <div
+                                                    aria-live="polite"
+                                                    className="pf-c-form__helper-text pf-m-error"
+                                                  />
+                                                </div>
+                                              </EditableTextCell>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
+                                      </BodyCell>
+                                      <BodyCell
+                                        className="pf-c-table__inline-edit-action"
+                                        component="td"
+                                        data-key={4}
+                                        data-label=""
+                                        isVisible={true}
+                                        key="col-4-row-1"
+                                      >
+                                        <BaseBodyCell
+                                          className="pf-c-table__inline-edit-action"
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <BaseBodyCellBase
+                                            className="pf-c-table__inline-edit-action"
+                                            component="td"
+                                            data-key={4}
+                                            dataLabel={null}
+                                            innerRef={null}
+                                            onMouseEnter={[Function]}
+                                            textCenter={false}
+                                          >
+                                            <td
+                                              className="pf-c-table__inline-edit-action"
+                                              data-key={4}
+                                              data-label={null}
+                                              onMouseEnter={[Function]}
+                                            >
+                                              <EditColumn
+                                                cancelAriaLabel="Cancel row edits for row 1"
+                                                editAriaLabel="Place row 1 in edit mode"
+                                                editing={false}
+                                                onClick={[Function]}
+                                                saveAriaLabel="Save row edits for row 1"
+                                              >
+                                                <div
+                                                  className="pf-c-inline-edit__group pf-m-icon-group pf-m-action-group"
+                                                >
+                                                  <div
+                                                    className="pf-c-inline-edit__action"
+                                                  >
+                                                    <Button
+                                                      aria-label="Save row edits for row 1"
+                                                      onClick={[Function]}
+                                                      variant="plain"
+                                                    >
+                                                      <button
+                                                        aria-disabled={false}
+                                                        aria-label="Save row edits for row 1"
+                                                        className="pf-c-button pf-m-plain"
+                                                        data-ouia-component-id="OUIA-Generated-Button-plain-4"
+                                                        data-ouia-component-type="PF4/Button"
+                                                        data-ouia-safe={true}
+                                                        disabled={false}
+                                                        onClick={[Function]}
+                                                        role={null}
+                                                        type="button"
+                                                      >
+                                                        <CheckIcon
+                                                          color="currentColor"
+                                                          noVerticalAlign={false}
+                                                          size="sm"
+                                                        >
+                                                          <svg
+                                                            aria-hidden={true}
+                                                            aria-labelledby={null}
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style={
+                                                              Object {
+                                                                "verticalAlign": "-0.125em",
+                                                              }
+                                                            }
+                                                            viewBox="0 0 512 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
+                                                            />
+                                                          </svg>
+                                                        </CheckIcon>
+                                                      </button>
+                                                    </Button>
+                                                  </div>
+                                                  <div
+                                                    className="pf-c-inline-edit__action"
+                                                  >
+                                                    <Button
+                                                      aria-label="Cancel row edits for row 1"
+                                                      onClick={[Function]}
+                                                      variant="plain"
+                                                    >
+                                                      <button
+                                                        aria-disabled={false}
+                                                        aria-label="Cancel row edits for row 1"
+                                                        className="pf-c-button pf-m-plain"
+                                                        data-ouia-component-id="OUIA-Generated-Button-plain-5"
+                                                        data-ouia-component-type="PF4/Button"
+                                                        data-ouia-safe={true}
+                                                        disabled={false}
+                                                        onClick={[Function]}
+                                                        role={null}
+                                                        type="button"
+                                                      >
+                                                        <TimesIcon
+                                                          color="currentColor"
+                                                          noVerticalAlign={false}
+                                                          size="sm"
+                                                        >
+                                                          <svg
+                                                            aria-hidden={true}
+                                                            aria-labelledby={null}
+                                                            fill="currentColor"
+                                                            height="1em"
+                                                            role="img"
+                                                            style={
+                                                              Object {
+                                                                "verticalAlign": "-0.125em",
+                                                              }
+                                                            }
+                                                            viewBox="0 0 352 512"
+                                                            width="1em"
+                                                          >
+                                                            <path
+                                                              d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
+                                                            />
+                                                          </svg>
+                                                        </TimesIcon>
+                                                      </button>
+                                                    </Button>
+                                                  </div>
+                                                </div>
+                                                <div
+                                                  className="pf-c-inline-edit__action pf-m-enable-editable"
+                                                >
+                                                  <Button
+                                                    aria-label="Place row 1 in edit mode"
+                                                    onClick={[Function]}
+                                                    variant="plain"
+                                                  >
+                                                    <button
+                                                      aria-disabled={false}
+                                                      aria-label="Place row 1 in edit mode"
+                                                      className="pf-c-button pf-m-plain"
+                                                      data-ouia-component-id="OUIA-Generated-Button-plain-6"
+                                                      data-ouia-component-type="PF4/Button"
+                                                      data-ouia-safe={true}
+                                                      disabled={false}
+                                                      onClick={[Function]}
+                                                      role={null}
+                                                      type="button"
+                                                    >
+                                                      <PencilAltIcon
+                                                        color="currentColor"
+                                                        noVerticalAlign={false}
+                                                        size="sm"
+                                                      >
+                                                        <svg
+                                                          aria-hidden={true}
+                                                          aria-labelledby={null}
+                                                          fill="currentColor"
+                                                          height="1em"
+                                                          role="img"
+                                                          style={
+                                                            Object {
+                                                              "verticalAlign": "-0.125em",
+                                                            }
+                                                          }
+                                                          viewBox="0 0 512 512"
+                                                          width="1em"
+                                                        >
+                                                          <path
+                                                            d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                                                          />
+                                                        </svg>
+                                                      </PencilAltIcon>
+                                                    </button>
+                                                  </Button>
+                                                </div>
+                                              </EditColumn>
+                                            </td>
+                                          </BaseBodyCellBase>
+                                        </BaseBodyCell>
+                                      </BodyCell>
+                                    </tr>
+                                  </BaseTableBodyRowBase>
+                                </BaseTableBodyRow>
+                              </RowWrapper>
+                            </BodyRow>
+                          </tbody>
+                        </BaseTableBodyBase>
+                      </BaseTableBody>
+                    </BodyWrapper>
+                  </BaseBody>
+                </Body>
+              </ContextBody>
+            </TableBody>
+          </table>
+        </BaseTableBase>
+      </BaseTable>
     </Provider>
   </form>
 </Table>
@@ -53282,7 +60708,7 @@ exports[`Header width table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    className=""
     columns={
       Array [
         Object {
@@ -53447,365 +60873,127 @@ exports[`Header width table 1`] = `
             "onRowEdit": undefined,
             "onSelect": undefined,
             "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-23"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-23"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-50"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -53933,1475 +61121,617 @@ exports[`Header width table 1`] = `
                           "label": "Pull requests",
                           "transforms": Array [
                             [Function],
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 2,
-                          "data-label": "Pull requests",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      className="pf-m-width-10"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        className="pf-m-width-10"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Header cell
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      className="pf-m-width-30"
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className="pf-m-width-30"
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      className=""
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": true,
-                "parent": 0,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 1,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 3,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  className="pf-m-width-10"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-m-width-10"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-m-width-10"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className="pf-m-width-10"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Header cell
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  className="pf-m-width-30"
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-m-width-30"
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-m-width-30"
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className="pf-m-width-30"
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  className=""
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -55631,16 +61961,12 @@ exports[`Header width table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -55648,51 +61974,9 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -55700,52 +61984,10 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
                     "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -55753,485 +61995,19 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
                     "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
                       "three",
                       "four",
                       "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    ],
+                    "isOpen": false,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -56239,51 +62015,9 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "parent": 3,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -56291,51 +62025,8 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -56343,51 +62034,8 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -56395,50 +62043,8 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -56446,151 +62052,485 @@ exports[`Header width table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 0,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 1,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 3,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "branches": Object {
@@ -57060,250 +63000,397 @@ exports[`Header width table 1`] = `
                   ]
                 }
               >
-                <tbody
+                <BaseBody
                   className=""
-                  key="tbody-0"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -57326,10 +63413,10 @@ exports[`Header width table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 0,
+                        "id": 3,
                         "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
+                        "isFirst": false,
+                        "isFirstVisible": false,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
@@ -57355,406 +63442,348 @@ exports[`Header width table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-188"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-0"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
                         "cell": [Function],
                         "row": [Function],
                         "wrapper": [Function],
-                      }
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
                     }
-                    rowData={
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -57807,407 +63836,316 @@ exports[`Header width table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 1,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "parent": 0,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-189"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-1"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -58230,13 +64168,13 @@ exports[`Header width table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 2,
-                        "isExpanded": false,
+                        "id": 8,
+                        "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -58244,7 +64182,6 @@ exports[`Header width table 1`] = `
                           },
                           "title": "five",
                         },
-                        "parent": 1,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -58259,15 +64196,15 @@ exports[`Header width table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -58290,13 +64227,14 @@ exports[`Header width table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 2,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
+                          "isOpen": false,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -58304,7 +64242,6 @@ exports[`Header width table 1`] = `
                             },
                             "title": "five",
                           },
-                          "parent": 1,
                           "pull-requests": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -58319,411 +64256,60 @@ exports[`Header width table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-190"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-2"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-1"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "header": Object {
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "one",
-                        },
-                        "id": 3,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "isOpen": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 1,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "parent": 0,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -58746,14 +64332,13 @@ exports[`Header width table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 3,
-                          "isExpanded": undefined,
+                          "id": 2,
+                          "isExpanded": false,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
-                          "isOpen": false,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -58761,6 +64346,7 @@ exports[`Header width table 1`] = `
                             },
                             "title": "five",
                           },
+                          "parent": 1,
                           "pull-requests": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -58775,406 +64361,264 @@ exports[`Header width table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-191"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-3"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "parent": 3,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 4,
-                        "isExpanded": false,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "parent": 3,
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -59197,13 +64641,13 @@ exports[`Header width table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 4,
-                          "isExpanded": false,
+                          "id": 8,
+                          "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
+                          "isLast": true,
+                          "isLastVisible": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -59211,7 +64655,6 @@ exports[`Header width table 1`] = `
                             },
                             "title": "five",
                           },
-                          "parent": 3,
                           "pull-requests": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -59226,1929 +64669,5125 @@ exports[`Header width table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
+                      isExpanded={false}
+                      key="tbody-0"
                     >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-192"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                        isExpanded={false}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-206"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-0"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 0,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 0,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-207"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-1"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 1,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 1,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-208"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-2"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      isExpanded={false}
+                      key="tbody-1"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                        isExpanded={false}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            <div
-                              id="test-headercol-4"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-209"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-3"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 3,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-2"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 5,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 3,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-210"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-4"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
+                      key="tbody-2"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-193"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            <div
-                              id="test-headercol-5"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-3"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-211"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-5"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
+                      key="tbody-3"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-194"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            <div
-                              id="test-headercol-6"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-4"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-212"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-6"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                      key="tbody-4"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-195"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            <div
-                              id="test-headercol-7"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-5"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-213"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-7"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-5"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-196"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          component="th"
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            <div
-                              id="test-headercol-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-214"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-8"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -61276,7 +69915,7 @@ exports[`Row click table 1`] = `
 >
   <Provider
     aria-label="Row click table"
-    className="pf-c-table pf-m-grid-md"
+    className=""
     columns={
       Array [
         Object {
@@ -61432,366 +70071,132 @@ exports[`Row click table 1`] = `
             "dropdownDirection": "down",
             "dropdownPosition": "right",
             "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-6"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Row click table"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-6"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Row click table"
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Row click table"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Row click table"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-12"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -61930,1490 +70335,651 @@ exports[`Row click table 1`] = `
                         "cell": Object {
                           "formatters": Array [
                             [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody
-        onRowClick={[MockFunction]}
-      >
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[MockFunction]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody
+            onRowClick={[MockFunction]}
           >
-            <BaseBody
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -63548,587 +71114,103 @@ exports[`Row click table 1`] = `
                       "data-label": "Pull requests",
                     },
                   },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "workspaces": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
                     },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
                 ]
               }
+              headerRows={null}
               onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
+              onRowClick={[MockFunction]}
               rowKey="id"
               rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64136,50 +71218,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64187,50 +71227,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64238,50 +71236,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64289,50 +71245,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64340,50 +71254,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64391,50 +71263,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64442,50 +71272,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64493,50 +71281,8 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -64544,46 +71290,11 @@ exports[`Row click table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
             >
-              <BodyWrapper
+              <Body
                 className=""
                 headerRows={null}
                 mappedRows={
@@ -65049,1566 +71760,753 @@ exports[`Row click table 1`] = `
                     },
                   ]
                 }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-39"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-40"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-41"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -66631,7 +72529,7 @@ exports[`Row click table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -66659,396 +72557,211 @@ exports[`Row click table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-42"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -67071,7 +72784,7 @@ exports[`Row click table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -67099,396 +72812,295 @@ exports[`Row click table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-43"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -67511,7 +73123,7 @@ exports[`Row click table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -67539,396 +73151,7 @@ exports[`Row click table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-44"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -67951,7 +73174,7 @@ exports[`Row click table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -67979,396 +73202,160 @@ exports[`Row click table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-45"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -68391,13 +73378,13 @@ exports[`Row click table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 7,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -68419,15 +73406,15 @@ exports[`Row click table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -68450,7 +73437,58 @@ exports[`Row click table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -68478,396 +73516,313 @@ exports[`Row click table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-46"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -68918,108 +73873,4946 @@ exports[`Row click table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-47"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-39"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-40"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-41"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-42"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-43"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-44"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-45"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-46"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-47"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -69160,7 +78953,7 @@ exports[`Selectable table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    className=""
     columns={
       Array [
         Object {
@@ -69297,481 +79090,199 @@ exports[`Selectable table 1`] = `
           "property": "branches",
           "props": Object {
             "data-key": 2,
-            "data-label": "Branches",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 1,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": [Function],
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Pull requests",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "pull-requests",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Pull requests",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 1,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": [Function],
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 1,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": [Function],
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 5,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-20"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-20"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-0",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "data-label": "Branches",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 1,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": [Function],
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Pull requests",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "pull-requests",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Pull requests",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 1,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": [Function],
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 1,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": [Function],
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 5,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-44"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -70044,1500 +79555,668 @@ exports[`Selectable table 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      className="pf-c-table__check"
-                      component="td"
-                      data-key={0}
-                      data-label=""
-                      isVisible={true}
-                      key="0-header"
-                      scope=""
-                    >
-                      <td
-                        className="pf-c-table__check"
-                        data-key={0}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      >
-                        <SelectColumn
-                          aria-label="Select all rows"
-                          checked={false}
-                          name="check-all"
-                          onSelect={[Function]}
-                          selectVariant="checkbox"
-                        >
-                          <input
-                            aria-label="Select all rows"
-                            checked={false}
-                            name="check-all"
-                            onChange={[Function]}
-                            type="checkbox"
-                          />
-                        </SelectColumn>
-                      </td>
-                    </HeaderCell>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={1}
-                      data-label="Header cell"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={1}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Branches"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Pull requests"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Workspaces"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={5}
-                      data-label="Last Commit"
-                      key="5-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={5}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "column-0",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 5,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": true,
-                "parent": 0,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 1,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 3,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-0",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  className="pf-c-table__check"
+                                  component="td"
+                                  data-key={0}
+                                  data-label=""
+                                  isVisible={true}
+                                  key="0-header"
+                                  scope=""
+                                >
+                                  <BaseHeaderCell
+                                    className="pf-c-table__check"
+                                    component="td"
+                                    data-key={0}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <td
+                                        aria-sort={null}
+                                        className="pf-c-table__check"
+                                        data-key={0}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope=""
+                                      >
+                                        <SelectColumn
+                                          aria-label="Select all rows"
+                                          checked={false}
+                                          name="check-all"
+                                          onSelect={[Function]}
+                                          selectVariant="checkbox"
+                                        >
+                                          <input
+                                            aria-label="Select all rows"
+                                            checked={false}
+                                            name="check-all"
+                                            onChange={[Function]}
+                                            type="checkbox"
+                                          />
+                                        </SelectColumn>
+                                      </td>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={1}
+                                  data-label="Header cell"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Branches"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Pull requests"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Workspaces"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={5}
+                                  data-label="Last Commit"
+                                  key="5-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={5}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -71811,502 +80490,12 @@ exports[`Selectable table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
               onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
+              onRowClick={[Function]}
               rowKey="id"
               rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72314,51 +80503,9 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72366,52 +80513,10 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
                     "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72419,51 +80524,9 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
                     "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72471,51 +80534,9 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72523,102 +80544,18 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
                     "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72626,50 +80563,8 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72677,50 +80572,8 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -72728,46 +80581,11 @@ exports[`Selectable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
             >
-              <BodyWrapper
+              <Body
                 className=""
                 headerRows={null}
                 mappedRows={
@@ -73239,1330 +81057,756 @@ exports[`Selectable table 1`] = `
                     },
                   ]
                 }
-              >
-                <tbody
-                  className=""
-                  key="tbody-0"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 0,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 1,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 3,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "isOpen": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-161"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 0"
-                              checked={false}
-                              name="checkrow0"
-                              onSelect={[Function]}
-                              selectVariant="checkbox"
-                            >
-                              <input
-                                aria-label="Select row 0"
-                                checked={false}
-                                name="checkrow0"
-                                onChange={[Function]}
-                                type="checkbox"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-0"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 1,
-                        "isExpanded": false,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "isOpen": true,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "parent": 0,
-                        "pull-requests": Object {
+                        "property": "column-0",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "parent": 0,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-162"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          />
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-1"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Workspaces",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -74585,13 +81829,14 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 2,
-                        "isExpanded": false,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
+                        "isOpen": false,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -74599,7 +81844,6 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "five",
                         },
-                        "parent": 1,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -74614,468 +81858,112 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "parent": 1,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-163"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          />
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-2"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-1"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -75127,480 +82015,296 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-164"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 3"
-                              checked={false}
-                              name="checkrow3"
-                              onSelect={[Function]}
-                              selectVariant="checkbox"
-                            >
-                              <input
-                                aria-label="Select row 3"
-                                checked={false}
-                                name="checkrow3"
-                                onChange={[Function]}
-                                type="checkbox"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-3"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-0",
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
                         "cell": [Function],
                         "row": [Function],
                         "wrapper": [Function],
-                      }
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
                     }
-                    rowData={
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -75623,13 +82327,14 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
-                        "isExpanded": false,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
+                        "isOpen": false,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -75637,7 +82342,6 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "five",
                         },
-                        "parent": 3,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -75652,468 +82356,216 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "parent": 3,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-165"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          />
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-4"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-2"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "five",
+                        },
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -76164,484 +82616,109 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-166"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 5"
-                              checked={false}
-                              name="checkrow5"
-                              onSelect={[Function]}
-                              selectVariant="checkbox"
-                            >
-                              <input
-                                aria-label="Select row 5"
-                                checked={false}
-                                name="checkrow5"
-                                onChange={[Function]}
-                                type="checkbox"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-5"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-3"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -76664,43 +82741,95 @@ exports[`Selectable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
                             "isVisible": true,
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -76723,13 +82852,14 @@ exports[`Selectable table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
-                          "isExpanded": undefined,
+                          "id": 1,
+                          "isExpanded": false,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
+                          "isOpen": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -76737,6 +82867,7 @@ exports[`Selectable table 1`] = `
                             },
                             "title": "five",
                           },
+                          "parent": 0,
                           "pull-requests": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -76751,1199 +82882,6280 @@ exports[`Selectable table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-167"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 6"
-                              checked={false}
-                              name="checkrow6"
-                              onSelect={[Function]}
-                              selectVariant="checkbox"
-                            >
-                              <input
-                                aria-label="Select row 6"
-                                checked={false}
-                                name="checkrow6"
-                                onChange={[Function]}
-                                type="checkbox"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-6"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-4"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                          "parent": 1,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                          "parent": 3,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
+                      ]
                     }
-                    rowIndex={7}
-                    rowKey="7-row"
                   >
-                    <RowWrapper
+                    <BaseTableBody
+                      className=""
+                      isExpanded={false}
+                      key="tbody-0"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                        isExpanded={false}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-179"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__check"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 0"
+                                              checked={false}
+                                              name="checkrow0"
+                                              onSelect={[Function]}
+                                              selectVariant="checkbox"
+                                            >
+                                              <input
+                                                aria-label="Select row 0"
+                                                checked={false}
+                                                name="checkrow0"
+                                                onChange={[Function]}
+                                                type="checkbox"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-0"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 0,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 0,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-180"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          />
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-1"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 1,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 1,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-181"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          />
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-2"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                      isExpanded={false}
+                      key="tbody-1"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-168"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
+                        isExpanded={false}
                       >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-182"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__check"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 3"
+                                              checked={false}
+                                              name="checkrow3"
+                                              onSelect={[Function]}
+                                              selectVariant="checkbox"
+                                            >
+                                              <input
+                                                aria-label="Select row 3"
+                                                checked={false}
+                                                name="checkrow3"
+                                                onChange={[Function]}
+                                                type="checkbox"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-3"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 3,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            <SelectColumn
-                              aria-label="Select row 7"
-                              checked={false}
-                              name="checkrow7"
-                              onSelect={[Function]}
-                              selectVariant="checkbox"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 3,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
                             >
-                              <input
-                                aria-label="Select row 7"
-                                checked={false}
-                                name="checkrow7"
-                                onChange={[Function]}
-                                type="checkbox"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-7"
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-183"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          />
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-4"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-2"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            <div
-                              id="test-headercol-7"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-5"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-184"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__check"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 5"
+                                              checked={false}
+                                              name="checkrow5"
+                                              onSelect={[Function]}
+                                              selectVariant="checkbox"
+                                            >
+                                              <input
+                                                aria-label="Select row 5"
+                                                checked={false}
+                                                name="checkrow5"
+                                                onChange={[Function]}
+                                                type="checkbox"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-5"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-3"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-169"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            <SelectColumn
-                              aria-label="Select row 8"
-                              checked={false}
-                              name="checkrow8"
-                              onSelect={[Function]}
-                              selectVariant="checkbox"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
                             >
-                              <input
-                                aria-label="Select row 8"
-                                checked={false}
-                                name="checkrow8"
-                                onChange={[Function]}
-                                type="checkbox"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-8"
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-185"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__check"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 6"
+                                              checked={false}
+                                              name="checkrow6"
+                                              onSelect={[Function]}
+                                              selectVariant="checkbox"
+                                            >
+                                              <input
+                                                aria-label="Select row 6"
+                                                checked={false}
+                                                name="checkrow6"
+                                                onChange={[Function]}
+                                                type="checkbox"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-6"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-4"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            <div
-                              id="test-headercol-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-8"
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-186"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__check"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 7"
+                                              checked={false}
+                                              name="checkrow7"
+                                              onSelect={[Function]}
+                                              selectVariant="checkbox"
+                                            >
+                                              <input
+                                                aria-label="Select row 7"
+                                                checked={false}
+                                                name="checkrow7"
+                                                onChange={[Function]}
+                                                type="checkbox"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-7"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-5"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-187"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__check"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 8"
+                                              checked={false}
+                                              name="checkrow8"
+                                              onSelect={[Function]}
+                                              selectVariant="checkbox"
+                                            >
+                                              <input
+                                                aria-label="Select row 8"
+                                                checked={false}
+                                                name="checkrow8"
+                                                onChange={[Function]}
+                                                type="checkbox"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-8"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -78084,7 +89296,7 @@ exports[`Selectable table with Radio 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    className=""
     columns={
       Array [
         Object {
@@ -78357,9 +89569,9 @@ exports[`Selectable table with Radio 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-21"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -78373,327 +89585,46 @@ exports[`Selectable table with Radio 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-21"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
+      variant={null}
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-46"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": false,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "radio",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-0",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": false,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "radio",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": false,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "radio",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": false,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "radio",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": false,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "radio",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": false,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 1,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": [Function],
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "radio",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -78965,1480 +89896,648 @@ exports[`Selectable table with Radio 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      data-key={0}
-                      data-label=""
-                      key="0-header"
-                      scope=""
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
+                      <thead
                         className=""
-                        data-key={0}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      />
-                    </HeaderCell>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={1}
-                      data-label="Header cell"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={1}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": false,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "radio",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-0",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": false,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "radio",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": false,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "radio",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": false,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "radio",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": false,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "radio",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": false,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 1,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": [Function],
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "radio",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  data-key={0}
+                                  data-label=""
+                                  key="0-header"
+                                  scope=""
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={0}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={0}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={0}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope=""
+                                      />
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={1}
+                                  data-label="Header cell"
+                                  key="1-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Branches"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Pull requests"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Workspaces"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={5}
-                      data-label="Last Commit"
-                      key="5-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={5}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": false,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "radio",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "column-0",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": false,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "radio",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": false,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "radio",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": false,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "radio",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": false,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "radio",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": false,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 1,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": [Function],
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "radio",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 5,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": true,
-                "parent": 0,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 1,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "isOpen": false,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "parent": 3,
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 0,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 1,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "isOpen": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": false,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "parent": 3,
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={1}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Branches"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Pull requests"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Workspaces"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={5}
+                                  data-label="Last Commit"
+                                  key="5-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={5}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={5}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -80700,184 +90799,23 @@ exports[`Selectable table with Radio 1`] = `
                       "transforms": Array [
                         [Function],
                         [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                      ],
+                    },
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 5,
+                      "data-label": "Last Commit",
                     },
                   },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -80885,51 +90823,9 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
                     "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -80937,51 +90833,10 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "isOpen": true,
+                    "parent": 0,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -80989,50 +90844,9 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "parent": 1,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -81040,50 +90854,9 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "isOpen": false,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -81091,50 +90864,9 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
+                    "parent": 3,
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -81142,71 +90874,8 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
                   },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -81214,51 +90883,8 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -81266,52 +90892,8 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "parent": 0,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -81319,358 +90901,485 @@ exports[`Selectable table with Radio 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "parent": 1,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "one",
                     },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "isOpen": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 0,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 1,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "isOpen": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": false,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": false,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "parent": 3,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "parent": 3,
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "branches": Object {
@@ -82140,293 +91849,283 @@ exports[`Selectable table with Radio 1`] = `
                   ]
                 }
               >
-                <tbody
+                <BaseBody
                   className=""
-                  key="tbody-0"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": false,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "radio",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "column-0",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": false,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "radio",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": false,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "radio",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": false,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "radio",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Pull requests",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": false,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "radio",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Workspaces",
+                        },
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": false,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 1,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": [Function],
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "radio",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -82442,515 +92141,43 @@ exports[`Selectable table with Radio 1`] = `
                           "four",
                           "five",
                         ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "isOpen": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-170"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 0"
-                              checked={false}
-                              name="radioGroup"
-                              onSelect={[Function]}
-                              selectVariant="radio"
-                            >
-                              <input
-                                aria-label="Select row 0"
-                                checked={false}
-                                name="radioGroup"
-                                onChange={[Function]}
-                                type="radio"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-0"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -83003,463 +92230,214 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "parent": 0,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-171"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          />
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-1"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -83482,8 +92460,8 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 2,
-                        "isExpanded": false,
+                        "id": 6,
+                        "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
@@ -83496,7 +92474,6 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "five",
                         },
-                        "parent": 1,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -83511,467 +92488,299 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": false,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "parent": 1,
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-172"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          />
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-2"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-1"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-0",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "five",
+                        },
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -84023,479 +92832,212 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "isOpen": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-173"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 3"
-                              checked={false}
-                              name="radioGroup"
-                              onSelect={[Function]}
-                              selectVariant="radio"
-                            >
-                              <input
-                                aria-label="Select row 3"
-                                checked={false}
-                                name="radioGroup"
-                                onChange={[Function]}
-                                type="radio"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-3"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -84518,13 +93060,13 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
-                        "isExpanded": false,
+                        "id": 8,
+                        "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -84532,7 +93074,6 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "five",
                         },
-                        "parent": 3,
                         "pull-requests": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -84547,15 +93088,15 @@ exports[`Selectable table with Radio 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -84578,13 +93119,66 @@ exports[`Selectable table with Radio 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 4,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": false,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
+                          "isOpen": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -84592,7 +93186,7 @@ exports[`Selectable table with Radio 1`] = `
                             },
                             "title": "five",
                           },
-                          "parent": 3,
+                          "parent": 0,
                           "pull-requests": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -84607,2234 +93201,6271 @@ exports[`Selectable table with Radio 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className="pf-c-table__expandable-row"
-                        data-ouia-component-id="OUIA-Generated-TableRow-174"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={true}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          />
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            <div
-                              id="test-headercol-4"
-                            >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-2"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
+                          "parent": 1,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "isOpen": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": false,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
+                          "parent": 3,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 5,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
+                      ]
                     }
-                    rowIndex={5}
-                    rowKey="5-row"
                   >
-                    <RowWrapper
+                    <BaseTableBody
+                      className=""
+                      isExpanded={false}
+                      key="tbody-0"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                        isExpanded={false}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
+                        >
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-188"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__check"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 0"
+                                              checked={false}
+                                              name="radioGroup"
+                                              onSelect={[Function]}
+                                              selectVariant="radio"
+                                            >
+                                              <input
+                                                aria-label="Select row 0"
+                                                checked={false}
+                                                name="radioGroup"
+                                                onChange={[Function]}
+                                                type="radio"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-0"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 0,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 0,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-189"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          />
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-1"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 1,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 1,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-190"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          />
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-2"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
+                      isExpanded={false}
+                      key="tbody-1"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-175"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
+                        isExpanded={false}
                       >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-5"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "isOpen": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            <SelectColumn
-                              aria-label="Select row 5"
-                              checked={false}
-                              name="radioGroup"
-                              onSelect={[Function]}
-                              selectVariant="radio"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "isOpen": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
                             >
-                              <input
-                                aria-label="Select row 5"
-                                checked={false}
-                                name="radioGroup"
-                                onChange={[Function]}
-                                type="radio"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-191"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__check"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 3"
+                                              checked={false}
+                                              name="radioGroup"
+                                              onSelect={[Function]}
+                                              selectVariant="radio"
+                                            >
+                                              <input
+                                                aria-label="Select row 3"
+                                                checked={false}
+                                                name="radioGroup"
+                                                onChange={[Function]}
+                                                type="radio"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-3"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": false,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "parent": 3,
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            <div
-                              id="test-headercol-5"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": false,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "parent": 3,
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-5"
+                              <BaseTableBodyRow
+                                className=""
+                                isExpanded={false}
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  isExpanded={false}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className="pf-c-table__expandable-row"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-192"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={true}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          />
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-4"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-2"
+                    >
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
+                      >
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-3"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-193"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__check"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 5"
+                                              checked={false}
+                                              name="radioGroup"
+                                              onSelect={[Function]}
+                                              selectVariant="radio"
+                                            >
+                                              <input
+                                                aria-label="Select row 5"
+                                                checked={false}
+                                                name="radioGroup"
+                                                onChange={[Function]}
+                                                type="radio"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-5"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-3"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-176"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 6"
-                              checked={false}
-                              name="radioGroup"
-                              onSelect={[Function]}
-                              selectVariant="radio"
-                            >
-                              <input
-                                aria-label="Select row 6"
-                                checked={false}
-                                name="radioGroup"
-                                onChange={[Function]}
-                                type="radio"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-6"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            <div
-                              id="test-headercol-6"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-4"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-194"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__check"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 6"
+                                              checked={false}
+                                              name="radioGroup"
+                                              onSelect={[Function]}
+                                              selectVariant="radio"
+                                            >
+                                              <input
+                                                aria-label="Select row 6"
+                                                checked={false}
+                                                name="radioGroup"
+                                                onChange={[Function]}
+                                                type="radio"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-6"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-4"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-177"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 7"
-                              checked={false}
-                              name="radioGroup"
-                              onSelect={[Function]}
-                              selectVariant="radio"
-                            >
-                              <input
-                                aria-label="Select row 7"
-                                checked={false}
-                                name="radioGroup"
-                                onChange={[Function]}
-                                type="radio"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            <div
-                              id="test-headercol-7"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-                <tbody
-                  className=""
-                  key="tbody-5"
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-0",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": false,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 1,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": [Function],
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "radio",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-195"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__check"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 7"
+                                              checked={false}
+                                              name="radioGroup"
+                                              onSelect={[Function]}
+                                              selectVariant="radio"
+                                            >
+                                              <input
+                                                aria-label="Select row 7"
+                                                checked={false}
+                                                name="radioGroup"
+                                                onChange={[Function]}
+                                                type="radio"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-7"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                    <BaseTableBody
+                      className=""
+                      key="tbody-5"
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-178"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          className="pf-c-table__check"
-                          component="td"
-                          data-key={0}
-                          data-label=""
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className="pf-c-table__check"
-                            data-key={0}
-                            onMouseEnter={[Function]}
-                          >
-                            <SelectColumn
-                              aria-label="Select row 8"
-                              checked={false}
-                              name="radioGroup"
-                              onSelect={[Function]}
-                              selectVariant="radio"
-                            >
-                              <input
-                                aria-label="Select row 8"
-                                checked={false}
-                                name="radioGroup"
-                                onChange={[Function]}
-                                type="radio"
-                              />
-                            </SelectColumn>
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          component="th"
-                          data-key={1}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-1-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <th
-                            className=""
-                            data-key={1}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-0",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": false,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 1,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": [Function],
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "radio",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            <div
-                              id="test-headercol-8"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
                             >
-                              one
-                            </div>
-                          </th>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={5}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-5-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={5}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-196"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      className="pf-c-table__check"
+                                      component="td"
+                                      data-key={0}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__check"
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__check"
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__check"
+                                            data-key={0}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <SelectColumn
+                                              aria-label="Select row 8"
+                                              checked={false}
+                                              name="radioGroup"
+                                              onSelect={[Function]}
+                                              selectVariant="radio"
+                                            >
+                                              <input
+                                                aria-label="Select row 8"
+                                                checked={false}
+                                                name="radioGroup"
+                                                onChange={[Function]}
+                                                type="radio"
+                                              />
+                                            </SelectColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="th"
+                                        data-key={1}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="th"
+                                          data-key={1}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <th
+                                            className=""
+                                            data-key={1}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <div
+                                              id="test-headercol-8"
+                                            >
+                                              one
+                                            </div>
+                                          </th>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={5}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-5-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={5}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
@@ -86994,7 +99625,7 @@ exports[`Simple Actions table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    className=""
     columns={
       Array [
         Object {
@@ -87380,9 +100011,9 @@ exports[`Simple Actions table 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-14"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -87396,2508 +100027,17014 @@ exports[`Simple Actions table 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-14"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
+      variant={null}
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-32"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
+          <TableHeader>
+            <ContextHeader
+              headerRows={null}
+            >
+              <Header
+                className=""
+                headerRows={null}
+              >
+                <BaseHeader
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "column-5",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": Array [
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Some action",
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": <div>
+                                        Another action
+                                      </div>,
+                                    },
+                                    Object {
+                                      "isSeparator": true,
+                                      "onClick": null,
+                                    },
+                                    Object {
+                                      "onClick": [Function],
+                                      "title": "Third action",
+                                    },
+                                  ],
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "column-5",
+                                "props": Object {
+                                  "data-key": 5,
+                                  "data-label": "",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  component="td"
+                                  data-key={5}
+                                  data-label=""
+                                  key="5-header"
+                                  scope=""
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="td"
+                                    data-key={5}
+                                    data-label=""
+                                    onMouseEnter={[Function]}
+                                    scope=""
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="td"
+                                      data-key={5}
+                                      data-label=""
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope=""
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <td
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={5}
+                                        data-label=""
+                                        onMouseEnter={[Function]}
+                                        scope=""
+                                      />
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
                       "formatters": Array [
                         [Function],
                       ],
-                      "transforms": Array [
-                        [Function],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": Array [
+                        Object {
+                          "onClick": [Function],
+                          "title": "Some action",
+                        },
+                        Object {
+                          "onClick": [Function],
+                          "title": <div>
+                            Another action
+                          </div>,
+                        },
+                        Object {
+                          "isSeparator": true,
+                          "onClick": null,
+                        },
+                        Object {
+                          "onClick": [Function],
+                          "title": "Third action",
+                        },
+                      ],
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Header cell",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "header-cell",
+                    "props": Object {
+                      "data-key": 0,
+                      "data-label": "Header cell",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": Array [
+                        Object {
+                          "onClick": [Function],
+                          "title": "Some action",
+                        },
+                        Object {
+                          "onClick": [Function],
+                          "title": <div>
+                            Another action
+                          </div>,
+                        },
+                        Object {
+                          "isSeparator": true,
+                          "onClick": null,
+                        },
+                        Object {
+                          "onClick": [Function],
+                          "title": "Third action",
+                        },
+                      ],
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Branches",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "branches",
+                    "props": Object {
+                      "data-key": 1,
+                      "data-label": "Branches",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": Array [
+                        Object {
+                          "onClick": [Function],
+                          "title": "Some action",
+                        },
+                        Object {
+                          "onClick": [Function],
+                          "title": <div>
+                            Another action
+                          </div>,
+                        },
+                        Object {
+                          "isSeparator": true,
+                          "onClick": null,
+                        },
+                        Object {
+                          "onClick": [Function],
+                          "title": "Third action",
+                        },
+                      ],
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Pull requests",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "pull-requests",
+                    "props": Object {
+                      "data-key": 2,
+                      "data-label": "Pull requests",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": Array [
+                        Object {
+                          "onClick": [Function],
+                          "title": "Some action",
+                        },
+                        Object {
+                          "onClick": [Function],
+                          "title": <div>
+                            Another action
+                          </div>,
+                        },
+                        Object {
+                          "isSeparator": true,
+                          "onClick": null,
+                        },
+                        Object {
+                          "onClick": [Function],
+                          "title": "Third action",
+                        },
+                      ],
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": Array [
+                        Object {
+                          "onClick": [Function],
+                          "title": "Some action",
+                        },
+                        Object {
+                          "onClick": [Function],
+                          "title": <div>
+                            Another action
+                          </div>,
+                        },
+                        Object {
+                          "isSeparator": true,
+                          "onClick": null,
+                        },
+                        Object {
+                          "onClick": [Function],
+                          "title": "Third action",
+                        },
+                      ],
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": Array [
+                        Object {
+                          "onClick": [Function],
+                          "title": "Some action",
+                        },
+                        Object {
+                          "onClick": [Function],
+                          "title": <div>
+                            Another action
+                          </div>,
+                        },
+                        Object {
+                          "isSeparator": true,
+                          "onClick": null,
+                        },
+                        Object {
+                          "onClick": [Function],
+                          "title": "Third action",
+                        },
+                      ],
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "column-5",
+                    "props": Object {
+                      "data-key": 5,
+                      "data-label": "",
+                    },
+                  },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                    "disableActions": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "disableActions": true,
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 9,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
                       ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
                     },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "disableActions": true,
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 9,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": Array [
+                            Object {
+                              "onClick": [Function],
+                              "title": "Some action",
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": <div>
+                                Another action
+                              </div>,
+                            },
+                            Object {
+                              "isSeparator": true,
+                              "onClick": null,
+                            },
+                            Object {
+                              "onClick": [Function],
+                              "title": "Third action",
+                            },
+                          ],
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "column-5",
+                        "props": Object {
+                          "data-key": 5,
+                          "data-label": "",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "disableActions": true,
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 9,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "disableActions": true,
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
+                        "id": 9,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "column-5",
-                    "props": Object {
-                      "data-key": 5,
-                      "data-label": "",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-            >
-              <thead
-                className=""
-              >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
+                      },
+                    ]
                   }
-                  rowData={
-                    Array [
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
                           ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": Array [
-                            Object {
-                              "onClick": [Function],
-                              "title": "Some action",
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "onClick": [Function],
-                              "title": <div>
-                                Another action
-                              </div>,
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "isSeparator": true,
-                              "onClick": null,
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "onClick": [Function],
-                              "title": "Third action",
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
                           ],
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
                         },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Header cell",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                            [Function],
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
                           ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
                         },
-                        "property": "header-cell",
-                        "props": Object {
-                          "data-key": 0,
-                          "data-label": "Header cell",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
                           ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": Array [
-                            Object {
-                              "onClick": [Function],
-                              "title": "Some action",
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "onClick": [Function],
-                              "title": <div>
-                                Another action
-                              </div>,
+                            "title": "one",
+                          },
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "isSeparator": true,
-                              "onClick": null,
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "onClick": [Function],
-                              "title": "Third action",
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                          ],
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                            "title": "four",
+                          },
                         },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Branches",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
                           ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
                         },
-                        "property": "branches",
-                        "props": Object {
-                          "data-key": 1,
-                          "data-label": "Branches",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
                           ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": Array [
-                            Object {
-                              "onClick": [Function],
-                              "title": "Some action",
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "onClick": [Function],
-                              "title": <div>
-                                Another action
-                              </div>,
+                            "title": "one",
+                          },
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "isSeparator": true,
-                              "onClick": null,
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "onClick": [Function],
-                              "title": "Third action",
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                          ],
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                            "title": "four",
+                          },
                         },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Pull requests",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
                           ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
                         },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 2,
-                          "data-label": "Pull requests",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
                           ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": Array [
-                            Object {
-                              "onClick": [Function],
-                              "title": "Some action",
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "onClick": [Function],
-                              "title": <div>
-                                Another action
-                              </div>,
+                            "title": "one",
+                          },
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "isSeparator": true,
-                              "onClick": null,
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "onClick": [Function],
-                              "title": "Third action",
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                          ],
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
+                            "title": "four",
+                          },
                         },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
                           ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": Array [
-                            Object {
-                              "onClick": [Function],
-                              "title": "Some action",
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "onClick": [Function],
-                              "title": <div>
-                                Another action
-                              </div>,
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "isSeparator": true,
-                              "onClick": null,
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "onClick": [Function],
-                              "title": "Third action",
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                          ],
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
+                            "title": "four",
+                          },
                         },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                            [Function],
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
                           ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": Array [
-                            Object {
-                              "onClick": [Function],
-                              "title": "Some action",
+                          "disableActions": true,
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "onClick": [Function],
-                              "title": <div>
-                                Another action
-                              </div>,
+                            "title": "one",
+                          },
+                          "id": 9,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "isSeparator": true,
-                              "onClick": null,
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                            Object {
-                              "onClick": [Function],
-                              "title": "Third action",
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
                             },
-                          ],
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "column-5",
-                        "props": Object {
-                          "data-key": 5,
-                          "data-label": "",
+                            "title": "four",
+                          },
                         },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <BaseTableBodyBase
+                        className=""
+                        innerRef={null}
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-129"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 0,
+                                                }
+                                              }
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 0,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": true,
+                                                  "isFirstVisible": true,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-1"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-0"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-1"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-0"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-0"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-1"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-0"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-0"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-130"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 1,
+                                                }
+                                              }
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 1,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-2"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-1"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-2"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-1"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-1"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-2"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-1"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-1"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-131"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 2,
+                                                }
+                                              }
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 2,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-3"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-2"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-3"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-2"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-2"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-3"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-2"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-2"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-132"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 3,
+                                                }
+                                              }
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 3,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-4"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-3"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-4"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-3"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-3"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-4"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-3"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-3"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-133"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 4,
+                                                }
+                                              }
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 4,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-5"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-4"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-5"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-4"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-4"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-5"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-4"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-4"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-134"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 5,
+                                                }
+                                              }
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 5,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-6"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-5"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-6"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-5"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-5"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-6"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-5"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-5"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-135"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 6,
+                                                }
+                                              }
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 6,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-7"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-6"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-7"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-6"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-6"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-7"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-6"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-6"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-136"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 7,
+                                                }
+                                              }
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 7,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-8"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-7"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-8"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-7"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-7"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-8"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-7"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-7"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            <div
-                              className="pf-c-table__button-content"
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
                               >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-137"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 8,
+                                                }
+                                              }
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 8,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": false,
+                                                  "isLastVisible": false,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-9"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-8"
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-9"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              id="pf-dropdown-toggle-id-8"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-8"
+                                                        isActive={false}
+                                                        isDisabled={false}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-9"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                id="pf-dropdown-toggle-id-8"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={false}
+                                                          id="pf-dropdown-toggle-id-8"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
                                       Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": Array [
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Some action",
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": <div>
+                                          Another action
+                                        </div>,
+                                      },
+                                      Object {
+                                        "isSeparator": true,
+                                        "onClick": null,
+                                      },
+                                      Object {
+                                        "onClick": [Function],
+                                        "title": "Third action",
+                                      },
+                                    ],
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "column-5",
+                                  "props": Object {
+                                    "data-key": 5,
+                                    "data-label": "",
+                                  },
+                                },
+                              ]
+                            }
+                            key="9-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "disableActions": true,
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 9,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={9}
+                            rowKey="9-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "disableActions": true,
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 9,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 9,
+                                  "rowKey": "9-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-138"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      component="td"
-                      data-key={5}
-                      data-label=""
-                      key="5-header"
-                      scope=""
-                    >
-                      <td
-                        className=""
-                        data-key={5}
-                        data-label=""
-                        onMouseEnter={[Function]}
-                      />
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": Array [
-                    Object {
-                      "onClick": [Function],
-                      "title": "Some action",
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": <div>
-                        Another action
-                      </div>,
-                    },
-                    Object {
-                      "isSeparator": true,
-                      "onClick": null,
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": "Third action",
-                    },
-                  ],
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": Array [
-                    Object {
-                      "onClick": [Function],
-                      "title": "Some action",
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": <div>
-                        Another action
-                      </div>,
-                    },
-                    Object {
-                      "isSeparator": true,
-                      "onClick": null,
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": "Third action",
-                    },
-                  ],
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": Array [
-                    Object {
-                      "onClick": [Function],
-                      "title": "Some action",
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": <div>
-                        Another action
-                      </div>,
-                    },
-                    Object {
-                      "isSeparator": true,
-                      "onClick": null,
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": "Third action",
-                    },
-                  ],
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": Array [
-                    Object {
-                      "onClick": [Function],
-                      "title": "Some action",
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": <div>
-                        Another action
-                      </div>,
-                    },
-                    Object {
-                      "isSeparator": true,
-                      "onClick": null,
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": "Third action",
-                    },
-                  ],
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": Array [
-                    Object {
-                      "onClick": [Function],
-                      "title": "Some action",
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": <div>
-                        Another action
-                      </div>,
-                    },
-                    Object {
-                      "isSeparator": true,
-                      "onClick": null,
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": "Third action",
-                    },
-                  ],
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": Array [
-                    Object {
-                      "onClick": [Function],
-                      "title": "Some action",
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": <div>
-                        Another action
-                      </div>,
-                    },
-                    Object {
-                      "isSeparator": true,
-                      "onClick": null,
-                    },
-                    Object {
-                      "onClick": [Function],
-                      "title": "Third action",
-                    },
-                  ],
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "column-5",
-                "props": Object {
-                  "data-key": 5,
-                  "data-label": "",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-                "disableActions": true,
-              },
-            ]
-          }
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-9"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-9"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-9"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-9"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-9"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-9"
+                                    >
+                                      <BaseBodyCell
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 9,
+                                                }
+                                              }
+                                              isDisabled={true}
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "disableActions": true,
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 9,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": true,
+                                                  "isLastVisible": true,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={true}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={true}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-10"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-9"
+                                                      isDisabled={true}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-10"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              disabled=""
+                                                              id="pf-dropdown-toggle-id-9"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-9"
+                                                        isActive={false}
+                                                        isDisabled={true}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-10"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                disabled=""
+                                                                id="pf-dropdown-toggle-id-9"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={true}
+                                                          id="pf-dropdown-toggle-id-9"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
+  </Provider>
+</Table>
+`;
+
+exports[`Simple table aria-label 1`] = `
+<Table
+  aria-label="Aria labeled"
+  borders={true}
+  canSelectAll={true}
+  cells={
+    Array [
+      Object {
+        "title": "Header cell",
+      },
+      "Branches",
+      Object {
+        "title": "Pull requests",
+      },
+      "Workspaces",
+      Object {
+        "title": "Last Commit",
+      },
+    ]
+  }
+  className=""
+  contentId="expanded-content"
+  dropdownDirection="down"
+  dropdownPosition="right"
+  expandId="expandable-toggle"
+  gridBreakPoint="grid-md"
+  isStickyHeader={false}
+  ouiaSafe={true}
+  role="grid"
+  rowLabeledBy="simple-node"
+  rows={
+    Array [
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+    ]
+  }
+  selectVariant="checkbox"
+  variant={null}
+>
+  <Provider
+    aria-label="Aria labeled"
+    className=""
+    columns={
+      Array [
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Header cell",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "header-cell",
+          "props": Object {
+            "data-key": 0,
+            "data-label": "Header cell",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Branches",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "branches",
+          "props": Object {
+            "data-key": 1,
+            "data-label": "Branches",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Pull requests",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "pull-requests",
+          "props": Object {
+            "data-key": 2,
+            "data-label": "Pull requests",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-6"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "disableActions": true,
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 9,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "disableActions": true,
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 9,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+          <TableHeader>
+            <ContextHeader
+              headerRows={null}
+            >
+              <Header
+                className=""
+                headerRows={null}
+              >
+                <BaseHeader
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Header cell
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -89911,26 +117048,7 @@ exports[`Simple Actions table 1`] = `
                     "data": undefined,
                     "extraParams": Object {
                       "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
+                      "actions": undefined,
                       "allRowsSelected": false,
                       "areActionsDisabled": undefined,
                       "canSelectAll": true,
@@ -89954,7 +117072,6 @@ exports[`Simple Actions table 1`] = `
                       "transforms": Array [
                         [Function],
                         [Function],
-                        [Function],
                       ],
                     },
                     "property": "header-cell",
@@ -89975,26 +117092,7 @@ exports[`Simple Actions table 1`] = `
                     "data": undefined,
                     "extraParams": Object {
                       "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
+                      "actions": undefined,
                       "allRowsSelected": false,
                       "areActionsDisabled": undefined,
                       "canSelectAll": true,
@@ -90038,26 +117136,7 @@ exports[`Simple Actions table 1`] = `
                     "data": undefined,
                     "extraParams": Object {
                       "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
+                      "actions": undefined,
                       "allRowsSelected": false,
                       "areActionsDisabled": undefined,
                       "canSelectAll": true,
@@ -90085,105 +117164,23 @@ exports[`Simple Actions table 1`] = `
                     },
                     "property": "pull-requests",
                     "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
+                      "data-key": 2,
+                      "data-label": "Pull requests",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
                       ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
                       "allRowsSelected": false,
                       "areActionsDisabled": undefined,
                       "canSelectAll": true,
@@ -90203,16 +117200,16 @@ exports[`Simple Actions table 1`] = `
                     },
                     "header": Object {
                       "formatters": Array [],
-                      "label": "Last Commit",
+                      "label": "Workspaces",
                       "transforms": Array [
                         [Function],
                         [Function],
                       ],
                     },
-                    "property": "last-commit",
+                    "property": "workspaces",
                     "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
+                      "data-key": 3,
+                      "data-label": "Workspaces",
                     },
                   },
                   Object {
@@ -90222,32 +117219,12 @@ exports[`Simple Actions table 1`] = `
                       ],
                       "transforms": Array [
                         [Function],
-                        [Function],
                       ],
                     },
                     "data": undefined,
                     "extraParams": Object {
                       "actionResolver": undefined,
-                      "actions": Array [
-                        Object {
-                          "onClick": [Function],
-                          "title": "Some action",
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": <div>
-                            Another action
-                          </div>,
-                        },
-                        Object {
-                          "isSeparator": true,
-                          "onClick": null,
-                        },
-                        Object {
-                          "onClick": [Function],
-                          "title": "Third action",
-                        },
-                      ],
+                      "actions": undefined,
                       "allRowsSelected": false,
                       "areActionsDisabled": undefined,
                       "canSelectAll": true,
@@ -90267,32 +117244,27 @@ exports[`Simple Actions table 1`] = `
                     },
                     "header": Object {
                       "formatters": Array [],
-                      "label": "",
+                      "label": "Last Commit",
                       "transforms": Array [
                         [Function],
                         [Function],
-                        [Function],
                       ],
                     },
-                    "property": "column-5",
+                    "property": "last-commit",
                     "props": Object {
-                      "data-key": 5,
-                      "data-label": "",
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -90300,50 +117272,8 @@ exports[`Simple Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -90351,50 +117281,8 @@ exports[`Simple Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -90402,1912 +117290,2592 @@ exports[`Simple Actions table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "disableActions": true,
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 9,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "disableActions": true,
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 9,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
                       },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "two",
                       },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "one",
-                      },
-                      "id": 0,
-                      "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "five",
                       },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "four",
                       },
-                    },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
                     Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
                       },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
                         },
-                        "title": "one",
-                      },
-                      "id": 1,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
                         },
-                        "title": "five",
                       },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
                       },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        "title": "one",
-                      },
-                      "id": 2,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "three",
                       },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        "title": "one",
-                      },
-                      "id": 3,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "three",
                       },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        "title": "one",
-                      },
-                      "id": 4,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "three",
                       },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "one",
                       },
-                      "id": 5,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "four",
                       },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        "title": "one",
-                      },
-                      "id": 6,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "four",
                       },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        "title": "one",
-                      },
-                      "id": 7,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "four",
                       },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        "title": "one",
-                      },
-                      "id": 8,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "four",
                       },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
                         },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "disableActions": true,
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
                         },
-                        "title": "one",
-                      },
-                      "id": 9,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
                         },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
                         },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
                         },
-                        "title": "four",
                       },
-                    },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
+                    ]
+                  }
                 >
-                  <BodyRow
-                    columns={
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
                       Array [
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -92330,13 +119898,13 @@ exports[`Simple Actions table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 0,
+                          "id": 8,
                           "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
+                          "isFirst": false,
+                          "isFirstVisible": false,
                           "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
+                          "isLast": true,
+                          "isLastVisible": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -92358,208 +119926,1950 @@ exports[`Simple Actions table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-111"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-19"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-0"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-20"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "property": "column-5",
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
                                     "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
+                                      "isVisible": true,
                                     },
+                                    "title": "four",
                                   },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 0,
                                 }
                               }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-21"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
                                   },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
                                   },
-                                ]
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
                               }
-                              rowData={
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
                                   "branches": Object {
                                     "formatters": Array [],
@@ -92582,10 +121892,10 @@ exports[`Simple Actions table 1`] = `
                                     },
                                     "title": "one",
                                   },
-                                  "id": 0,
+                                  "id": 3,
                                   "isExpanded": undefined,
-                                  "isFirst": true,
-                                  "isFirstVisible": true,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
                                   "isHeightAuto": false,
                                   "isLast": false,
                                   "isLastVisible": false,
@@ -92612,946 +121922,2134 @@ exports[`Simple Actions table 1`] = `
                                   },
                                 }
                               }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
                                 }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
                               >
-                                <DropdownWithContext
-                                  autoFocus={true}
+                                <BaseTableBodyRowBase
                                   className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-22"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={0}
-                                        onClick={[Function]}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={1}
-                                        onClick={[Function]}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={3}
-                                        onClick={[Function]}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-1"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-0"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-1"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
                                           >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-0"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
                                     >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-0"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-1"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-0"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-0"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
                               Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
                               Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-23"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
                               Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
                               Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-24"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
                               Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
                               Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
-                        },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-112"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-1"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "property": "column-5",
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
                                     "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
+                                      "isVisible": true,
                                     },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
                                   },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 1,
                                 }
                               }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-25"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
                                   },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
                                   },
-                                ]
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
                               }
-                              rowData={
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
                                   "branches": Object {
                                     "formatters": Array [],
@@ -93574,7 +124072,7 @@ exports[`Simple Actions table 1`] = `
                                     },
                                     "title": "one",
                                   },
-                                  "id": 1,
+                                  "id": 7,
                                   "isExpanded": undefined,
                                   "isFirst": false,
                                   "isFirstVisible": false,
@@ -93604,3611 +124102,3517 @@ exports[`Simple Actions table 1`] = `
                                   },
                                 }
                               }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
                             >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-26"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
                                       data-key={0}
-                                      onClick={[Function]}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
                                     >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={1}
-                                      onClick={[Function]}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
                                     >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
                                       data-key={3}
-                                      onClick={[Function]}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
                                     >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
                                 }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
                                 }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
                               >
-                                <DropdownWithContext
-                                  autoFocus={true}
+                                <BaseTableBodyRowBase
                                   className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-27"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={0}
-                                        onClick={[Function]}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={1}
-                                        onClick={[Function]}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-2"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-1"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-2"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
                                           >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-1"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
                                     >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-1"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-2"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-1"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-1"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
+  </Provider>
+</Table>
+`;
+
+exports[`Simple table caption 1`] = `
+<Table
+  borders={true}
+  canSelectAll={true}
+  caption="Simple Table"
+  cells={
+    Array [
+      Object {
+        "title": "Header cell",
+      },
+      "Branches",
+      Object {
+        "title": "Pull requests",
+      },
+      "Workspaces",
+      Object {
+        "title": "Last Commit",
+      },
+    ]
+  }
+  className=""
+  contentId="expanded-content"
+  dropdownDirection="down"
+  dropdownPosition="right"
+  expandId="expandable-toggle"
+  gridBreakPoint="grid-md"
+  isStickyHeader={false}
+  ouiaSafe={true}
+  role="grid"
+  rowLabeledBy="simple-node"
+  rows={
+    Array [
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+      Object {
+        "cells": Array [
+          "one",
+          "two",
+          "three",
+          "four",
+          "five",
+        ],
+      },
+    ]
+  }
+  selectVariant="checkbox"
+  variant={null}
+>
+  <Provider
+    className=""
+    columns={
+      Array [
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Header cell",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "header-cell",
+          "props": Object {
+            "data-key": 0,
+            "data-label": "Header cell",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Branches",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "branches",
+          "props": Object {
+            "data-key": 1,
+            "data-label": "Branches",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Pull requests",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "pull-requests",
+          "props": Object {
+            "data-key": 2,
+            "data-label": "Pull requests",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-2"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <caption>
+            Simple Table
+          </caption>
+          <TableHeader>
+            <ContextHeader
+              headerRows={null}
+            >
+              <Header
+                className=""
+                headerRows={null}
+              >
+                <BaseHeader
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
                     }
-                    rowIndex={2}
-                    rowKey="2-row"
+                  }
+                >
+                  <BaseTableHead
+                    className=""
                   >
-                    <RowWrapper
+                    <BaseTableHeadBase
                       className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
+                      innerRef={null}
                     >
-                      <tr
+                      <thead
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-113"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-2"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 2,
-                                }
-                              }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
                                   ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 2,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
+                              <tr>
+                                <HeaderCell
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
                                       data-key={0}
-                                      onClick={[Function]}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Header cell
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
                                       data-key={1}
-                                      onClick={[Function]}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
                                       data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
                                       data-key={3}
-                                      onClick={[Function]}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
+                                      <th
+                                        aria-sort={null}
+                                        className=""
                                         data-key={3}
-                                        onClick={[Function]}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
                                       >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
                                 >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-3"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-2"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-3"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-2"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
                                     >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-2"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-3"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-2"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-2"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
+              className=""
+              headerData={
+                Array [
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Header cell",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "header-cell",
+                    "props": Object {
+                      "data-key": 0,
+                      "data-label": "Header cell",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Branches",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "branches",
+                    "props": Object {
+                      "data-key": 1,
+                      "data-label": "Branches",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Pull requests",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "pull-requests",
+                    "props": Object {
+                      "data-key": 2,
+                      "data-label": "Pull requests",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
+                    },
+                  },
+                  Object {
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
+                    },
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
+                    },
+                    "header": Object {
+                      "formatters": Array [],
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
+                    },
+                  },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                  Object {
+                    "cells": Array [
+                      "one",
+                      "two",
+                      "three",
+                      "four",
+                      "five",
+                    ],
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 3,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-114"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-3"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 3,
-                                }
-                              }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 3,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-4"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-3"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-4"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-3"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-3"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-4"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-3"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-3"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 4,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-115"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-4"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 4,
-                                }
-                              }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 4,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-5"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-4"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-5"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-4"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-4"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-5"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-4"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-4"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-5",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -97231,7 +127635,7 @@ exports[`Simple Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -97259,948 +127663,295 @@ exports[`Simple Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-116"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-5"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 5,
-                                }
-                              }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 5,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-6"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-5"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-6"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-5"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-5"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-6"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-5"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-5"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-5",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
                         "cell": [Function],
                         "row": [Function],
                         "wrapper": [Function],
-                      }
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
                     }
-                    rowData={
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -98223,10 +127974,10 @@ exports[`Simple Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 0,
                         "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
@@ -98251,948 +128002,364 @@ exports[`Simple Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-117"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-6"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
-                                Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
-                                  },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 6,
-                                }
-                              }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
-                                  },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
-                                  },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
-                                  },
-                                ]
-                              }
-                              rowData={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 6,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
-                                }
-                              >
-                                <DropdownWithContext
-                                  autoFocus={true}
-                                  className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={0}
-                                        onClick={[Function]}
-                                      >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={1}
-                                        onClick={[Function]}
-                                      >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
-                                        data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
-                                        data-key={3}
-                                        onClick={[Function]}
-                                      >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-7"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-6"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-7"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
-                                          >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-6"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
-                                    >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-6"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-7"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-6"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
-                                      >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-6"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "column-5",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -99215,13 +128382,13 @@ exports[`Simple Actions table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 7,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -99243,15 +128410,372 @@ exports[`Simple Actions table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -99302,208 +128826,366 @@ exports[`Simple Actions table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-118"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
-                          >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
                                 Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
-                                    },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
-                                    },
-                                    "property": "column-5",
-                                    "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
-                                    },
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
                                   },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 7,
-                                }
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
                               }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
                                   },
-                                ]
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
                               }
-                              rowData={
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
                                   "branches": Object {
                                     "formatters": Array [],
@@ -99526,10 +129208,10 @@ exports[`Simple Actions table 1`] = `
                                     },
                                     "title": "one",
                                   },
-                                  "id": 7,
+                                  "id": 0,
                                   "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
                                   "isHeightAuto": false,
                                   "isLast": false,
                                   "isLastVisible": false,
@@ -99556,946 +129238,2134 @@ exports[`Simple Actions table 1`] = `
                                   },
                                 }
                               }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
                                 }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
                               >
-                                <DropdownWithContext
-                                  autoFocus={true}
+                                <BaseTableBodyRowBase
                                   className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-1"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={0}
-                                        onClick={[Function]}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={1}
-                                        onClick={[Function]}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={3}
-                                        onClick={[Function]}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-8"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-7"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-8"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
                                           >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-7"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
                                     >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-7"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-8"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-7"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-7"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
                               Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
                               Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-2"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
                               Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
                               Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-3"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
                               Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
                               Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-119"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-8"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "property": "column-5",
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
                                     "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
+                                      "isVisible": true,
                                     },
+                                    "title": "four",
                                   },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 8,
                                 }
                               }
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-4"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
                                   },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
                                   },
-                                ]
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
                               }
-                              rowData={
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
                                   "branches": Object {
                                     "formatters": Array [],
@@ -100518,7 +131388,7 @@ exports[`Simple Actions table 1`] = `
                                     },
                                     "title": "one",
                                   },
-                                  "id": 8,
+                                  "id": 4,
                                   "isExpanded": undefined,
                                   "isFirst": false,
                                   "isFirstVisible": false,
@@ -100548,949 +131418,2134 @@ exports[`Simple Actions table 1`] = `
                                   },
                                 }
                               }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    onToggle={[Function]}
-                                  />
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
                                 }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
                               >
-                                <DropdownWithContext
-                                  autoFocus={true}
+                                <BaseTableBodyRowBase
                                   className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-5"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={0}
-                                        onClick={[Function]}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={1}
-                                        onClick={[Function]}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={3}
-                                        onClick={[Function]}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-9"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-8"
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-9"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
                                           >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              id="pf-dropdown-toggle-id-8"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
                                     >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
-                                        className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-8"
-                                        isActive={false}
-                                        isDisabled={false}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-9"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                id="pf-dropdown-toggle-id-8"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={false}
-                                          id="pf-dropdown-toggle-id-8"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
-                              Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
-                              Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
-                              Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
                               Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
                               Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": Array [
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-6"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
                               Object {
-                                "onClick": [Function],
-                                "title": "Some action",
-                              },
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
                               Object {
-                                "onClick": [Function],
-                                "title": <div>
-                                  Another action
-                                </div>,
-                              },
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-7"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
                               Object {
-                                "isSeparator": true,
-                                "onClick": null,
-                              },
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
                               Object {
-                                "onClick": [Function],
-                                "title": "Third action",
-                              },
-                            ],
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "column-5",
-                          "props": Object {
-                            "data-key": 5,
-                            "data-label": "",
-                          },
-                        },
-                      ]
-                    }
-                    key="9-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "disableActions": true,
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 9,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={9}
-                    rowKey="9-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "disableActions": true,
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 9,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 9,
-                          "rowKey": "9-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-120"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-9"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-9"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-9"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-9"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-9"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          className="pf-c-table__action"
-                          data-key={5}
-                          data-label=""
-                          isVisible={true}
-                          key="col-5-row-9"
-                        >
-                          <td
-                            className="pf-c-table__action"
-                            data-key={5}
-                            onMouseEnter={[Function]}
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            <ActionsColumn
-                              dropdownDirection="down"
-                              dropdownPosition="right"
-                              extraData={
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
-                                  "column": Object {
-                                    "cell": Object {
-                                      "formatters": Array [
-                                        [Function],
-                                      ],
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                      ],
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "data": undefined,
-                                    "extraParams": Object {
-                                      "actionResolver": undefined,
-                                      "actions": Array [
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Some action",
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": <div>
-                                            Another action
-                                          </div>,
-                                        },
-                                        Object {
-                                          "isSeparator": true,
-                                          "onClick": null,
-                                        },
-                                        Object {
-                                          "onClick": [Function],
-                                          "title": "Third action",
-                                        },
-                                      ],
-                                      "allRowsSelected": false,
-                                      "areActionsDisabled": undefined,
-                                      "canSelectAll": true,
-                                      "contentId": "expanded-content",
-                                      "dropdownDirection": "down",
-                                      "dropdownPosition": "right",
-                                      "expandId": "expandable-toggle",
-                                      "firstUserColumnIndex": 0,
-                                      "onCollapse": undefined,
-                                      "onExpand": undefined,
-                                      "onRowEdit": undefined,
-                                      "onSelect": undefined,
-                                      "onSort": undefined,
-                                      "rowLabeledBy": "simple-node",
-                                      "selectVariant": "checkbox",
-                                      "sortBy": undefined,
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "header": Object {
-                                      "formatters": Array [],
-                                      "label": "",
-                                      "transforms": Array [
-                                        [Function],
-                                        [Function],
-                                        [Function],
-                                      ],
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
                                     },
-                                    "property": "column-5",
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
                                     "props": Object {
-                                      "data-key": 5,
-                                      "data-label": "",
+                                      "isVisible": true,
                                     },
+                                    "title": "four",
                                   },
-                                  "columnIndex": 5,
-                                  "property": "column-5",
-                                  "rowIndex": 9,
                                 }
                               }
-                              isDisabled={true}
-                              items={
-                                Array [
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Some action",
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-8"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": <div>
-                                      Another action
-                                    </div>,
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
                                   },
-                                  Object {
-                                    "isSeparator": true,
-                                    "onClick": null,
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
                                   },
-                                  Object {
-                                    "onClick": [Function],
-                                    "title": "Third action",
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
                                   },
-                                ]
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
                               }
-                              rowData={
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
                                 Object {
                                   "branches": Object {
                                     "formatters": Array [],
@@ -101506,7 +133561,6 @@ exports[`Simple Actions table 1`] = `
                                     "four",
                                     "five",
                                   ],
-                                  "disableActions": true,
                                   "header-cell": Object {
                                     "formatters": Array [],
                                     "props": Object {
@@ -101514,7 +133568,7 @@ exports[`Simple Actions table 1`] = `
                                     },
                                     "title": "one",
                                   },
-                                  "id": 9,
+                                  "id": 8,
                                   "isExpanded": undefined,
                                   "isFirst": false,
                                   "isFirstVisible": false,
@@ -101544,258 +133598,222 @@ exports[`Simple Actions table 1`] = `
                                   },
                                 }
                               }
-                            >
-                              <Dropdown
-                                direction="down"
-                                dropdownItems={
-                                  Array [
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={0}
-                                      onClick={[Function]}
-                                    >
-                                      Some action
-                                    </DropdownItem>,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={1}
-                                      onClick={[Function]}
-                                    >
-                                      <div>
-                                        Another action
-                                      </div>
-                                    </DropdownItem>,
-                                    <DropdownSeparator
-                                      data-key={2}
-                                    />,
-                                    <DropdownItem
-                                      component="button"
-                                      data-key={3}
-                                      onClick={[Function]}
-                                    >
-                                      Third action
-                                    </DropdownItem>,
-                                  ]
-                                }
-                                isOpen={false}
-                                isPlain={true}
-                                position="right"
-                                toggle={
-                                  <KebabToggle
-                                    isDisabled={true}
-                                    onToggle={[Function]}
-                                  />
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
                                 }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
                               >
-                                <DropdownWithContext
-                                  autoFocus={true}
+                                <BaseTableBodyRowBase
                                   className=""
-                                  direction="down"
-                                  dropdownItems={
-                                    Array [
-                                      <DropdownItem
-                                        component="button"
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-9"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={0}
-                                        onClick={[Function]}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Some action
-                                      </DropdownItem>,
-                                      <DropdownItem
-                                        component="button"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={1}
-                                        onClick={[Function]}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <div>
-                                          Another action
-                                        </div>
-                                      </DropdownItem>,
-                                      <DropdownSeparator
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={2}
-                                      />,
-                                      <DropdownItem
-                                        component="button"
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
                                         data-key={3}
-                                        onClick={[Function]}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        Third action
-                                      </DropdownItem>,
-                                    ]
-                                  }
-                                  isGrouped={false}
-                                  isOpen={false}
-                                  isPlain={true}
-                                  menuAppendTo="inline"
-                                  onSelect={[Function]}
-                                  position="right"
-                                  toggle={
-                                    <KebabToggle
-                                      isDisabled={true}
-                                      onToggle={[Function]}
-                                    />
-                                  }
-                                >
-                                  <div
-                                    className="pf-c-dropdown pf-m-align-right"
-                                    data-ouia-component-id="OUIA-Generated-Dropdown-10"
-                                    data-ouia-component-type="PF4/Dropdown"
-                                    data-ouia-safe={true}
-                                  >
-                                    <KebabToggle
-                                      aria-haspopup={true}
-                                      getMenuRef={[Function]}
-                                      id="pf-dropdown-toggle-id-9"
-                                      isDisabled={true}
-                                      isOpen={false}
-                                      isPlain={true}
-                                      key=".0"
-                                      onEnter={[Function]}
-                                      onToggle={[Function]}
-                                      parentRef={
-                                        Object {
-                                          "current": <div
-                                            class="pf-c-dropdown pf-m-align-right"
-                                            data-ouia-component-id="OUIA-Generated-Dropdown-10"
-                                            data-ouia-component-type="PF4/Dropdown"
-                                            data-ouia-safe="true"
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
                                           >
-                                            <button
-                                              aria-expanded="false"
-                                              aria-haspopup="true"
-                                              aria-label="Actions"
-                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                              disabled=""
-                                              id="pf-dropdown-toggle-id-9"
-                                              type="button"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                fill="currentColor"
-                                                height="1em"
-                                                role="img"
-                                                style="vertical-align: -0.125em;"
-                                                viewBox="0 0 192 512"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                />
-                                              </svg>
-                                            </button>
-                                          </div>,
-                                        }
-                                      }
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
                                     >
-                                      <Toggle
-                                        aria-haspopup={true}
-                                        aria-label="Actions"
-                                        bubbleEvent={false}
+                                      <BaseBodyCell
                                         className=""
-                                        getMenuRef={[Function]}
-                                        id="pf-dropdown-toggle-id-9"
-                                        isActive={false}
-                                        isDisabled={true}
-                                        isOpen={false}
-                                        isPlain={true}
-                                        isPrimary={false}
-                                        isSplitButton={false}
-                                        onEnter={[Function]}
-                                        onToggle={[Function]}
-                                        parentRef={
-                                          Object {
-                                            "current": <div
-                                              class="pf-c-dropdown pf-m-align-right"
-                                              data-ouia-component-id="OUIA-Generated-Dropdown-10"
-                                              data-ouia-component-type="PF4/Dropdown"
-                                              data-ouia-safe="true"
-                                            >
-                                              <button
-                                                aria-expanded="false"
-                                                aria-haspopup="true"
-                                                aria-label="Actions"
-                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                disabled=""
-                                                id="pf-dropdown-toggle-id-9"
-                                                type="button"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  fill="currentColor"
-                                                  height="1em"
-                                                  role="img"
-                                                  style="vertical-align: -0.125em;"
-                                                  viewBox="0 0 192 512"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                  />
-                                                </svg>
-                                              </button>
-                                            </div>,
-                                          }
-                                        }
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
                                       >
-                                        <button
-                                          aria-expanded={false}
-                                          aria-haspopup={true}
-                                          aria-label="Actions"
-                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                          disabled={true}
-                                          id="pf-dropdown-toggle-id-9"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="button"
-                                        >
-                                          <EllipsisVIcon
-                                            color="currentColor"
-                                            noVerticalAlign={false}
-                                            size="sm"
-                                          >
-                                            <svg
-                                              aria-hidden={true}
-                                              aria-labelledby={null}
-                                              fill="currentColor"
-                                              height="1em"
-                                              role="img"
-                                              style={
-                                                Object {
-                                                  "verticalAlign": "-0.125em",
-                                                }
-                                              }
-                                              viewBox="0 0 192 512"
-                                              width="1em"
-                                            >
-                                              <path
-                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                              />
-                                            </svg>
-                                          </EllipsisVIcon>
-                                        </button>
-                                      </Toggle>
-                                    </KebabToggle>
-                                  </div>
-                                </DropdownWithContext>
-                              </Dropdown>
-                            </ActionsColumn>
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
 
-exports[`Simple table aria-label 1`] = `
+exports[`Simple table header 1`] = `
 <Table
-  aria-label="Aria labeled"
   borders={true}
   canSelectAll={true}
   cells={
@@ -101819,6 +133837,11 @@ exports[`Simple table aria-label 1`] = `
   dropdownPosition="right"
   expandId="expandable-toggle"
   gridBreakPoint="grid-md"
+  header={
+    <h4>
+      Header title
+    </h4>
+  }
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -101911,9 +133934,11 @@ exports[`Simple table aria-label 1`] = `
   selectVariant="checkbox"
   variant={null}
 >
+  <h4>
+    Header title
+  </h4>
   <Provider
-    aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    className=""
     columns={
       Array [
         Object {
@@ -102072,361 +134097,125 @@ exports[`Simple table aria-label 1`] = `
             "onCollapse": undefined,
             "onExpand": undefined,
             "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-3"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-3"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-4"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -102550,1448 +134339,608 @@ exports[`Simple table aria-label 1`] = `
                           "formatters": Array [],
                           "label": "Pull requests",
                           "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 2,
-                          "data-label": "Pull requests",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Header cell
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Header cell
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -104135,577 +135084,93 @@ exports[`Simple table aria-label 1`] = `
                       ],
                     },
                     "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Workspaces",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "workspaces",
+                    "props": Object {
+                      "data-key": 3,
+                      "data-label": "Workspaces",
                     },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
+                    "cell": Object {
+                      "formatters": Array [
+                        [Function],
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": undefined,
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": undefined,
                     },
-                    "pull-requests": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
                 ]
               }
+              headerRows={null}
               onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
+              onRowClick={[Function]}
               rowKey="id"
               rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104713,50 +135178,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104764,50 +135187,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104815,50 +135196,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104866,50 +135205,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104917,50 +135214,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -104968,50 +135223,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -105019,50 +135232,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -105070,50 +135241,8 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -105121,46 +135250,11 @@ exports[`Simple table aria-label 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
             >
-              <BodyWrapper
+              <Body
                 className=""
                 headerRows={null}
                 mappedRows={
@@ -105187,10 +135281,265 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -105238,7 +135587,7 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -105289,7 +135638,7 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -105340,13 +135689,13 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -105369,6 +135718,12 @@ exports[`Simple table aria-label 1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -105391,10 +135746,10 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -105442,7 +135797,7 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -105493,7 +135848,7 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -105544,7 +135899,7 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -105595,13 +135950,13 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -105624,1125 +135979,442 @@ exports[`Simple table aria-label 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-19"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
                         },
-                        "workspaces": Object {
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-20"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -106756,432 +136428,44 @@ exports[`Simple table aria-label 1`] = `
                           "two",
                           "three",
                           "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-21"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -107204,7 +136488,7 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -107232,395 +136516,211 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-22"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -107643,7 +136743,7 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -107671,395 +136771,295 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-23"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -108082,7 +137082,7 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -108110,395 +137110,211 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-24"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -108521,13 +137337,13 @@ exports[`Simple table aria-label 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -108540,24 +137356,75 @@ exports[`Simple table aria-label 1`] = `
                           "props": Object {
                             "isVisible": true,
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -108580,7 +137447,7 @@ exports[`Simple table aria-label 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -108608,395 +137475,313 @@ exports[`Simple table aria-label 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-25"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -109019,13 +137804,13 @@ exports[`Simple table aria-label 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 8,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
+                          "isLast": true,
+                          "isLastVisible": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -109047,560 +137832,4953 @@ exports[`Simple table aria-label 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-26"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-10"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-11"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-12"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-27"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-13"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-14"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-15"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-16"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-17"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-18"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
 
-exports[`Simple table caption 1`] = `
+exports[`Sortable table 1`] = `
 <Table
+  aria-label="Aria labeled"
   borders={true}
   canSelectAll={true}
-  caption="Simple Table"
   cells={
     Array [
       Object {
         "title": "Header cell",
+        "transforms": Array [
+          [Function],
+        ],
       },
       "Branches",
       Object {
@@ -109619,6 +142797,7 @@ exports[`Simple table caption 1`] = `
   expandId="expandable-toggle"
   gridBreakPoint="grid-md"
   isStickyHeader={false}
+  onSort={[Function]}
   ouiaSafe={true}
   role="grid"
   rowLabeledBy="simple-node"
@@ -109708,10 +142887,12 @@ exports[`Simple table caption 1`] = `
     ]
   }
   selectVariant="checkbox"
+  sortBy={Object {}}
   variant={null}
 >
   <Provider
-    className="pf-c-table pf-m-grid-md"
+    aria-label="Aria labeled"
+    className=""
     columns={
       Array [
         Object {
@@ -109739,10 +142920,10 @@ exports[`Simple table caption 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": undefined,
+            "onSort": [Function],
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
+            "sortBy": Object {},
           },
           "header": Object {
             "formatters": Array [],
@@ -109750,6 +142931,7 @@ exports[`Simple table caption 1`] = `
             "transforms": Array [
               [Function],
               [Function],
+              [Function],
             ],
           },
           "property": "header-cell",
@@ -109783,10 +142965,10 @@ exports[`Simple table caption 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": undefined,
+            "onSort": [Function],
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
+            "sortBy": Object {},
           },
           "header": Object {
             "formatters": Array [],
@@ -109827,10 +143009,10 @@ exports[`Simple table caption 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": undefined,
+            "onSort": [Function],
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
+            "sortBy": Object {},
           },
           "header": Object {
             "formatters": Array [],
@@ -109871,362 +143053,127 @@ exports[`Simple table caption 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
+            "onSort": [Function],
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-1"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-1"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <caption>
-        Simple Table
-      </caption>
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "sortBy": Object {},
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": [Function],
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": Object {},
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-10"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -110253,10 +143200,10 @@ exports[`Simple table caption 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -110264,6 +143211,7 @@ exports[`Simple table caption 1`] = `
                           "transforms": Array [
                             [Function],
                             [Function],
+                            [Function],
                           ],
                         },
                         "property": "header-cell",
@@ -110297,10 +143245,10 @@ exports[`Simple table caption 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -110341,10 +143289,10 @@ exports[`Simple table caption 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -110360,1438 +143308,654 @@ exports[`Simple table caption 1`] = `
                           "data-label": "Pull requests",
                         },
                       },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Header cell
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": [Function],
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": Object {},
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": [Function],
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": Object {},
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": [Function],
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": Object {},
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          isSortedBy={false}
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -111818,10 +143982,10 @@ exports[`Simple table caption 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": undefined,
+                      "onSort": [Function],
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                      "sortBy": Object {},
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -111829,6 +143993,7 @@ exports[`Simple table caption 1`] = `
                       "transforms": Array [
                         [Function],
                         [Function],
+                        [Function],
                       ],
                     },
                     "property": "header-cell",
@@ -111862,10 +144027,10 @@ exports[`Simple table caption 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": undefined,
+                      "onSort": [Function],
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                      "sortBy": Object {},
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -111906,10 +144071,10 @@ exports[`Simple table caption 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": undefined,
+                      "onSort": [Function],
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                      "sortBy": Object {},
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -111950,10 +144115,10 @@ exports[`Simple table caption 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": undefined,
+                      "onSort": [Function],
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                      "sortBy": Object {},
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -111973,539 +144138,55 @@ exports[`Simple table caption 1`] = `
                     "cell": Object {
                       "formatters": Array [
                         [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
+                      ],
+                      "transforms": Array [
+                        [Function],
+                      ],
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
+                    "data": undefined,
+                    "extraParams": Object {
+                      "actionResolver": undefined,
+                      "actions": undefined,
+                      "allRowsSelected": false,
+                      "areActionsDisabled": undefined,
+                      "canSelectAll": true,
+                      "contentId": "expanded-content",
+                      "dropdownDirection": "down",
+                      "dropdownPosition": "right",
+                      "expandId": "expandable-toggle",
+                      "firstUserColumnIndex": 0,
+                      "onCollapse": undefined,
+                      "onExpand": undefined,
+                      "onRowEdit": undefined,
+                      "onSelect": undefined,
+                      "onSort": [Function],
+                      "rowLabeledBy": "simple-node",
+                      "selectVariant": "checkbox",
+                      "sortBy": Object {},
                     },
-                    "workspaces": Object {
+                    "header": Object {
                       "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                      "label": "Last Commit",
+                      "transforms": Array [
+                        [Function],
+                        [Function],
+                      ],
+                    },
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
                 ]
               }
+              headerRows={null}
               onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
+              onRowClick={[Function]}
               rowKey="id"
               rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112513,50 +144194,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112564,50 +144203,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112615,50 +144212,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112666,50 +144221,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112717,50 +144230,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112768,50 +144239,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112819,50 +144248,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112870,50 +144257,8 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -112921,46 +144266,11 @@ exports[`Simple table caption 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
             >
-              <BodyWrapper
+              <Body
                 className=""
                 headerRows={null}
                 mappedRows={
@@ -113094,8 +144404,314 @@ exports[`Simple table caption 1`] = `
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -113118,6 +144734,12 @@ exports[`Simple table caption 1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -113140,10 +144762,10 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -113191,7 +144813,7 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -113242,7 +144864,7 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -113293,7 +144915,7 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -113344,7 +144966,7 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -113395,1593 +145017,472 @@ exports[`Simple table caption 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
                           "isVisible": true,
                         },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-1"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-2"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": [Function],
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": Object {},
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": [Function],
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": Object {},
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": [Function],
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": Object {},
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": [Function],
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": Object {},
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-3"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": [Function],
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": Object {},
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -115004,7 +145505,7 @@ exports[`Simple table caption 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -115032,395 +145533,211 @@ exports[`Simple table caption 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-4"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -115443,7 +145760,7 @@ exports[`Simple table caption 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -115471,395 +145788,295 @@ exports[`Simple table caption 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-5"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -115882,7 +146099,7 @@ exports[`Simple table caption 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -115910,395 +146127,211 @@ exports[`Simple table caption 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-6"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -116321,43 +146354,94 @@ exports[`Simple table caption 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
                             "isVisible": true,
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -116380,7 +146464,7 @@ exports[`Simple table caption 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -116408,395 +146492,313 @@ exports[`Simple table caption 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-7"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -116819,13 +146821,13 @@ exports[`Simple table caption 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 8,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
                           "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
+                          "isLast": true,
+                          "isLastVisible": true,
                           "last-commit": Object {
                             "formatters": Array [],
                             "props": Object {
@@ -116847,559 +146849,4962 @@ exports[`Simple table caption 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-8"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-30"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-31"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-32"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-9"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-33"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-34"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-35"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-36"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-37"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": [Function],
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": Object {},
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-38"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
 
-exports[`Simple table header 1`] = `
+exports[`Table variants Breakpoint -  1`] = `
 <Table
+  aria-label="Aria labeled"
   borders={true}
   canSelectAll={true}
   cells={
     Array [
       Object {
         "title": "Header cell",
+        "transforms": Array [
+          [Function],
+        ],
       },
       "Branches",
       Object {
@@ -117416,12 +151821,7 @@ exports[`Simple table header 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-md"
-  header={
-    <h4>
-      Header title
-    </h4>
-  }
+  gridBreakPoint=""
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -117514,11 +151914,9 @@ exports[`Simple table header 1`] = `
   selectVariant="checkbox"
   variant={null}
 >
-  <h4>
-    Header title
-  </h4>
   <Provider
-    className="pf-c-table pf-m-grid-md"
+    aria-label="Aria labeled"
+    className=""
     columns={
       Array [
         Object {
@@ -117557,6 +151955,7 @@ exports[`Simple table header 1`] = `
             "transforms": Array [
               [Function],
               [Function],
+              [Function],
             ],
           },
           "property": "header-cell",
@@ -117694,343 +152093,111 @@ exports[`Simple table header 1`] = `
           "property": "workspaces",
           "props": Object {
             "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-2"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-2"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint=""
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint=""
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint=""
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table"
+          data-ouia-component-id="OUIA-Generated-Table-14"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -118068,6 +152235,7 @@ exports[`Simple table header 1`] = `
                           "transforms": Array [
                             [Function],
                             [Function],
+                            [Function],
                           ],
                         },
                         "property": "header-cell",
@@ -118254,1348 +152422,563 @@ exports[`Simple table header 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Header cell
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
+                      <thead
                         className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
                       >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -119633,6 +153016,7 @@ exports[`Simple table header 1`] = `
                       "transforms": Array [
                         [Function],
                         [Function],
+                        [Function],
                       ],
                     },
                     "property": "header-cell",
@@ -119820,16 +153204,12 @@ exports[`Simple table header 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -119837,50 +153217,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -119888,50 +153226,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -119939,50 +153235,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -119990,50 +153244,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -120041,50 +153253,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -120092,50 +153262,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -120143,50 +153271,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -120194,50 +153280,8 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -120245,529 +153289,479 @@ exports[`Simple table header 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "branches": Object {
@@ -121218,1135 +154212,249 @@ exports[`Simple table header 1`] = `
                         "props": Object {
                           "isVisible": true,
                         },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "pull-requests": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-10"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "pull-requests": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-11"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -122363,429 +154471,92 @@ exports[`Simple table header 1`] = `
                           "five",
                         ],
                         "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-12"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -122808,7 +154579,7 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -122836,395 +154607,109 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-13"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -123247,7 +154732,7 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -123275,395 +154760,295 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-14"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -123686,7 +155071,7 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -123714,395 +155099,262 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-15"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -124125,13 +155377,13 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -124153,15 +155405,15 @@ exports[`Simple table header 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -124184,10 +155436,10 @@ exports[`Simple table header 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 0,
                           "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
+                          "isFirst": true,
+                          "isFirstVisible": true,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
@@ -124212,395 +155464,313 @@ exports[`Simple table header 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-16"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 1,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -124651,395 +155821,7 @@ exports[`Simple table header 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-17"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -125090,113 +155872,4951 @@ exports[`Simple table header 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-18"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-48"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-49"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-50"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-51"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-52"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-53"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-54"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-55"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-56"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
 
-exports[`Sortable table 1`] = `
+exports[`Table variants Breakpoint - grid 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -125224,9 +160844,8 @@ exports[`Sortable table 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-md"
+  gridBreakPoint="grid"
   isStickyHeader={false}
-  onSort={[Function]}
   ouiaSafe={true}
   role="grid"
   rowLabeledBy="simple-node"
@@ -125316,12 +160935,11 @@ exports[`Sortable table 1`] = `
     ]
   }
   selectVariant="checkbox"
-  sortBy={Object {}}
   variant={null}
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    className=""
     columns={
       Array [
         Object {
@@ -125349,10 +160967,10 @@ exports[`Sortable table 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": [Function],
+            "onSort": undefined,
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": Object {},
+            "sortBy": undefined,
           },
           "header": Object {
             "formatters": Array [],
@@ -125394,10 +161012,10 @@ exports[`Sortable table 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": [Function],
+            "onSort": undefined,
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": Object {},
+            "sortBy": undefined,
           },
           "header": Object {
             "formatters": Array [],
@@ -125437,406 +161055,172 @@ exports[`Sortable table 1`] = `
             "onCollapse": undefined,
             "onExpand": undefined,
             "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": [Function],
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": Object {},
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Pull requests",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "pull-requests",
-          "props": Object {
-            "data-key": 2,
-            "data-label": "Pull requests",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": [Function],
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": Object {},
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": [Function],
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": Object {},
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-5"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-5"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": [Function],
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": Object {},
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Pull requests",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "pull-requests",
+          "props": Object {
+            "data-key": 2,
+            "data-label": "Pull requests",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Workspaces",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "workspaces",
+          "props": Object {
+            "data-key": 3,
+            "data-label": "Workspaces",
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid"
+          data-ouia-component-id="OUIA-Generated-Table-16"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -125863,10 +161247,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -125908,10 +161292,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -125952,10 +161336,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -125996,10 +161380,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -126031,1433 +161415,593 @@ exports[`Sortable table 1`] = `
                           "allRowsSelected": false,
                           "areActionsDisabled": undefined,
                           "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": [Function],
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": Object {},
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          isSortedBy={false}
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": [Function],
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": Object {},
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": [Function],
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": Object {},
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": [Function],
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": Object {},
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": [Function],
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": Object {},
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": [Function],
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": Object {},
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -127484,10 +162028,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -127529,10 +162073,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -127573,10 +162117,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -127617,10 +162161,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -127661,10 +162205,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -127683,16 +162227,12 @@ exports[`Sortable table 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -127700,50 +162240,8 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -127751,50 +162249,8 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -127802,50 +162258,8 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -127853,50 +162267,8 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -127904,50 +162276,8 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -127955,50 +162285,8 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -128006,50 +162294,8 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -128057,50 +162303,8 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -128108,529 +162312,479 @@ exports[`Sortable table 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "branches": Object {
@@ -129074,705 +163228,256 @@ exports[`Sortable table 1`] = `
                         "props": Object {
                           "isVisible": true,
                         },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
+                        "property": "header-cell",
                         "props": Object {
-                          "isVisible": true,
+                          "data-key": 0,
+                          "data-label": "Header cell",
                         },
-                        "title": "four",
                       },
-                    },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "workspaces": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-30"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -129795,10 +163500,10 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 1,
+                        "id": 0,
                         "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
@@ -129823,396 +163528,58 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-31"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
-                        },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -130263,396 +163630,7 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-32"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -130690,409 +163668,71 @@ exports[`Sortable table 1`] = `
                           "title": "five",
                         },
                         "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-33"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -131115,7 +163755,7 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -131143,396 +163783,295 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-34"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -131555,7 +164094,7 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -131583,396 +164122,262 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-35"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -131995,13 +164400,13 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -132023,15 +164428,15 @@ exports[`Sortable table 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -132054,10 +164459,10 @@ exports[`Sortable table 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 0,
                           "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
+                          "isFirst": true,
+                          "isFirstVisible": true,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
@@ -132082,396 +164487,313 @@ exports[`Sortable table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-36"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 1,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -132522,553 +164844,5002 @@ exports[`Sortable table 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-37"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-57"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-58"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-59"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": [Function],
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": Object {},
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-38"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-60"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-61"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-62"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-63"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-64"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-65"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
 
-exports[`Table variants Breakpoint -  1`] = `
+exports[`Table variants Breakpoint - grid-2xl 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -133096,7 +169867,7 @@ exports[`Table variants Breakpoint -  1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint=""
+  gridBreakPoint="grid-2xl"
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -133191,7 +169962,7 @@ exports[`Table variants Breakpoint -  1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table"
+    className=""
     columns={
       Array [
         Object {
@@ -133394,319 +170165,85 @@ exports[`Table variants Breakpoint -  1`] = `
             "firstUserColumnIndex": 0,
             "onCollapse": undefined,
             "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-7"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table"
-      data-ouia-component-id="OUIA-Generated-Table-7"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-2xl"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid-2xl"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-2xl"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-2xl"
+          data-ouia-component-id="OUIA-Generated-Table-24"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -133798,1535 +170335,696 @@ exports[`Table variants Breakpoint -  1`] = `
                         },
                       },
                       Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Pull requests",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 2,
-                          "data-label": "Pull requests",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -135552,496 +171250,12 @@ exports[`Table variants Breakpoint -  1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
+              onRow={[Function]}
+              onRowClick={[Function]}
               rowKey="id"
               rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136049,50 +171263,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136100,50 +171272,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136151,50 +171281,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136202,50 +171290,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136253,50 +171299,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136304,50 +171308,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136355,50 +171317,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136406,50 +171326,8 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -136457,50 +171335,372 @@ exports[`Table variants Breakpoint -  1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -136523,10 +171723,10 @@ exports[`Table variants Breakpoint -  1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 7,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -136574,13 +171774,13 @@ exports[`Table variants Breakpoint -  1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -136603,6 +171803,12 @@ exports[`Table variants Breakpoint -  1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -136625,10 +171831,10 @@ exports[`Table variants Breakpoint -  1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -136676,7 +171882,7 @@ exports[`Table variants Breakpoint -  1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -136727,7 +171933,7 @@ exports[`Table variants Breakpoint -  1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -136778,7 +171984,7 @@ exports[`Table variants Breakpoint -  1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -136829,7 +172035,7 @@ exports[`Table variants Breakpoint -  1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -136880,7 +172086,7 @@ exports[`Table variants Breakpoint -  1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -136931,13 +172137,13 @@ exports[`Table variants Breakpoint -  1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -136960,1128 +172166,341 @@ exports[`Table variants Breakpoint -  1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-48"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
                         },
-                        "workspaces": Object {
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-49"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -138104,10 +172523,10 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 2,
+                        "id": 0,
                         "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
@@ -138123,405 +172542,16 @@ exports[`Table variants Breakpoint -  1`] = `
                           "props": Object {
                             "isVisible": true,
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-50"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -138544,7 +172574,7 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -138572,396 +172602,7 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-51"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -138984,7 +172625,7 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -139012,396 +172653,109 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-52"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -139452,396 +172806,295 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-53"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -139864,7 +173117,7 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -139892,396 +173145,262 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-54"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -140304,13 +173423,13 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 7,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -140332,15 +173451,15 @@ exports[`Table variants Breakpoint -  1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -140363,7 +173482,58 @@ exports[`Table variants Breakpoint -  1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -140391,396 +173561,313 @@ exports[`Table variants Breakpoint -  1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-55"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -140831,113 +173918,4951 @@ exports[`Table variants Breakpoint -  1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-56"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-93"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-94"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-95"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-96"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-97"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-98"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-99"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-100"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-101"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid 1`] = `
+exports[`Table variants Breakpoint - grid-lg 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -140965,7 +178890,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid"
+  gridBreakPoint="grid-lg"
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -141060,7 +178985,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid"
+    className=""
     columns={
       Array [
         Object {
@@ -141286,9 +179211,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-8"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-lg"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -141302,280 +179227,46 @@ exports[`Table variants Breakpoint - grid 1`] = `
       }
     }
     role="grid"
+    variant={null}
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid"
-      data-ouia-component-id="OUIA-Generated-Table-8"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      className=""
+      gridBreakPoint="grid-lg"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
+      variant={null}
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-lg"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-lg"
+          data-ouia-component-id="OUIA-Generated-Table-20"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -141800,1402 +179491,563 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -143413,330 +180265,20 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       ],
                     },
                     "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -143744,50 +180286,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -143795,50 +180295,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -143846,71 +180304,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -143918,50 +180313,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -143969,50 +180322,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -144020,50 +180331,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -144071,50 +180340,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -144122,50 +180349,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -144173,203 +180358,321 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -144392,10 +180695,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 6,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -144443,7 +180746,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -144494,13 +180797,13 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -144523,6 +180826,12 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -144545,10 +180854,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -144596,7 +180905,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -144647,7 +180956,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -144698,7 +181007,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -144749,7 +181058,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -144800,13 +181109,13 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -144829,1568 +181138,443 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-57"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-58"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-59"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -146413,7 +181597,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -146441,396 +181625,211 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-60"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -146853,7 +181852,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -146881,396 +181880,295 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-61"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -147293,7 +182191,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -147321,396 +182219,211 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-62"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -147733,43 +182446,94 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
                             "isVisible": true,
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -147792,7 +182556,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -147820,396 +182584,262 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-63"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -148260,553 +182890,5002 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-64"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-75"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-76"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-77"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-65"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-78"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-79"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-80"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-81"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-82"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-83"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid-2xl 1`] = `
+exports[`Table variants Breakpoint - grid-md 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -148834,7 +187913,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-2xl"
+  gridBreakPoint="grid-md"
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -148929,7 +188008,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-2xl"
+    className=""
     columns={
       Array [
         Object {
@@ -149107,344 +188186,110 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
           "props": Object {
             "data-key": 3,
             "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-12"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-2xl"
-      data-ouia-component-id="OUIA-Generated-Table-12"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-18"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -149669,1402 +188514,563 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -151290,16 +189296,12 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -151307,50 +189309,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -151358,50 +189318,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -151409,50 +189327,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -151460,50 +189336,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -151511,50 +189345,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -151562,50 +189354,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -151613,50 +189363,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -151664,50 +189372,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -151715,529 +189381,479 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "branches": Object {
@@ -152686,1140 +190302,251 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "pull-requests": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-93"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "pull-requests": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-94"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -153840,426 +190567,88 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           "props": Object {
                             "isVisible": true,
                           },
-                          "title": "one",
-                        },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-95"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -154282,7 +190671,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -154310,396 +190699,109 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-96"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -154722,7 +190824,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -154750,396 +190852,295 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-97"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -155162,7 +191163,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -155190,396 +191191,262 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-98"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -155602,13 +191469,13 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -155630,15 +191497,15 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -155661,10 +191528,10 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 0,
                           "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
+                          "isFirst": true,
+                          "isFirstVisible": true,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
@@ -155689,396 +191556,313 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-99"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 1,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -156129,553 +191913,5002 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-100"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-66"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-67"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-68"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-101"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-69"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-70"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-71"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-72"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-73"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-74"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid-lg 1`] = `
+exports[`Table variants Breakpoint - grid-xl 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -156703,7 +196936,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-lg"
+  gridBreakPoint="grid-xl"
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -156798,7 +197031,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-lg"
+    className=""
     columns={
       Array [
         Object {
@@ -156999,321 +197232,87 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
             "dropdownPosition": "right",
             "expandId": "expandable-toggle",
             "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-10"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-lg"
-      data-ouia-component-id="OUIA-Generated-Table-10"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-xl"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant={null}
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid-xl"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant={null}
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-xl"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant={null}
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-xl"
+          data-ouia-component-id="OUIA-Generated-Table-22"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -157407,1533 +197406,694 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       Object {
                         "cell": Object {
                           "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Pull requests",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 2,
-                          "data-label": "Pull requests",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -159148,507 +198308,23 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "transforms": Array [
                         [Function],
                         [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                      ],
+                    },
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
                 ]
               }
+              headerRows={null}
               onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
+              onRowClick={[Function]}
               rowKey="id"
               rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159656,50 +198332,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159707,50 +198341,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159758,50 +198350,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159809,50 +198359,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159860,50 +198368,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159911,50 +198377,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -159962,50 +198386,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -160013,50 +198395,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -160064,50 +198404,372 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -160130,10 +198792,10 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 7,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -160181,13 +198843,13 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -160210,6 +198872,12 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -160232,10 +198900,10 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -160283,7 +198951,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -160334,7 +199002,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -160385,7 +199053,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -160436,7 +199104,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -160487,7 +199155,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -160538,13 +199206,13 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -160567,1128 +199235,341 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-75"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
                         },
-                        "workspaces": Object {
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-76"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -161711,10 +199592,10 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 2,
+                        "id": 0,
                         "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
@@ -161735,400 +199616,11 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "workspaces": Object {
                           "formatters": Array [],
                           "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-77"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -162151,7 +199643,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -162179,396 +199671,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-78"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -162591,7 +199694,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -162619,396 +199722,109 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-79"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -163059,396 +199875,295 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-80"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -163471,7 +200186,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -163499,396 +200214,262 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-81"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -163911,13 +200492,13 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 7,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -163939,15 +200520,15 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -163970,7 +200551,58 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -163998,396 +200630,313 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-82"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -164438,113 +200987,4951 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-83"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-84"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-85"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-86"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-87"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-88"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-89"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-90"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-91"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-92"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid-md 1`] = `
+exports[`Table variants Size - compact 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -164663,11 +206050,11 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
     ]
   }
   selectVariant="checkbox"
-  variant={null}
+  variant="compact"
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md"
+    className=""
     columns={
       Array [
         Object {
@@ -164893,9 +206280,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
         },
       ]
     }
-    data-ouia-component-id="OUIA-Generated-Table-9"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
     renderers={
       Object {
         "body": Object {
@@ -164909,280 +206296,46 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
       }
     }
     role="grid"
+    variant="compact"
   >
-    <table
+    <BaseTable
       aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md"
-      data-ouia-component-id="OUIA-Generated-Table-9"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
       role="grid"
+      variant="compact"
     >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant="compact"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md pf-m-compact"
+          data-ouia-component-id="OUIA-Generated-Table-26"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
         >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -165407,1402 +206560,563 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -167020,330 +207334,20 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       ],
                     },
                     "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
+                ]
+              }
+              headerRows={null}
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
+                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167351,50 +207355,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167402,50 +207364,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167453,71 +207373,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
-                ]
-              }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167525,50 +207382,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167576,50 +207391,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167627,50 +207400,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167678,50 +207409,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167729,50 +207418,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -167780,203 +207427,321 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -167999,10 +207764,10 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 6,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -168050,7 +207815,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -168101,13 +207866,13 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -168130,6 +207895,12 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -168152,10 +207923,10 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -168203,7 +207974,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -168254,7 +208025,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -168305,7 +208076,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -168356,7 +208127,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -168407,13 +208178,13 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -168436,1568 +208207,443 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-66"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-67"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-68"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -170020,7 +208666,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -170048,396 +208694,211 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-69"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -170460,7 +208921,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -170488,396 +208949,295 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-70"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -170900,7 +209260,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -170928,396 +209288,211 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-71"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -171340,43 +209515,94 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
                             "isVisible": true,
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -171399,7 +209625,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -171427,396 +209653,262 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-72"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
+                          "branches": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -171867,553 +209959,5002 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-73"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-102"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-103"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-104"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-74"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-105"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-106"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-107"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-108"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-109"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-110"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid-xl 1`] = `
+exports[`Table variants Size - compactBorderless 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -172441,7 +214982,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-xl"
+  gridBreakPoint="grid-md"
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -172532,11 +215073,11 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
     ]
   }
   selectVariant="checkbox"
-  variant={null}
+  variant="compactBorderless"
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-xl"
+    className=""
     columns={
       Array [
         Object {
@@ -172714,344 +215255,110 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
           "props": Object {
             "data-key": 3,
             "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-11"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-xl"
-      data-ouia-component-id="OUIA-Generated-Table-11"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+          },
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "transforms": Array [
+              [Function],
+            ],
+          },
+          "data": undefined,
+          "extraParams": Object {
+            "actionResolver": undefined,
+            "actions": undefined,
+            "allRowsSelected": false,
+            "areActionsDisabled": undefined,
+            "canSelectAll": true,
+            "contentId": "expanded-content",
+            "dropdownDirection": "down",
+            "dropdownPosition": "right",
+            "expandId": "expandable-toggle",
+            "firstUserColumnIndex": 0,
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant="compactBorderless"
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant="compactBorderless"
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant="compactBorderless"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md pf-m-compact pf-m-no-border-rows"
+          data-ouia-component-id="OUIA-Generated-Table-28"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -173276,1402 +215583,563 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       },
                     ]
                   }
-                  rowIndex={0}
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
                 >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
                     >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
+                      <thead
+                        className=""
                       >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
                         >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
                             >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
                                 >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
                                 >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
                                   >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -174897,16 +216365,12 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                 ]
               }
               headerRows={null}
-              mappedRows={
+              onRow={[Function]}
+              onRowClick={[Function]}
+              rowKey="id"
+              rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -174914,50 +216378,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -174965,50 +216387,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175016,50 +216396,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175067,50 +216405,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175118,50 +216414,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175169,50 +216423,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175220,50 +216432,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175271,50 +216441,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -175322,529 +216450,479 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                 ]
               }
-              onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "five",
                     },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "three",
                     },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "two",
                     },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
                   Array [
                     Object {
                       "branches": Object {
@@ -176293,1140 +217371,251 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       "pull-requests": Object {
                         "formatters": Array [],
                         "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "pull-requests": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-84"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "pull-requests": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-85"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -177447,426 +217636,88 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           "props": Object {
                             "isVisible": true,
                           },
-                          "title": "one",
-                        },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-86"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -177889,7 +217740,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -177917,396 +217768,109 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-87"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -178329,7 +217893,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -178357,396 +217921,295 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-88"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -178769,7 +218232,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 5,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -178797,396 +218260,262 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-89"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -179209,13 +218538,13 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -179237,15 +218566,15 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -179268,10 +218597,10 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 6,
+                          "id": 0,
                           "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
+                          "isFirst": true,
+                          "isFirstVisible": true,
                           "isHeightAuto": false,
                           "isLast": false,
                           "isLastVisible": false,
@@ -179296,396 +218625,313 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-90"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 1,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                        },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "two",
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -179736,553 +218982,5002 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 8,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": true,
+                          "isLastVisible": true,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-91"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-111"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-112"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-113"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-92"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-114"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-115"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-116"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-117"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-118"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-119"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;
 
-exports[`Table variants Size - compact 1`] = `
+exports[`Table variants Size - compactExpandable 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -180401,11 +224096,11 @@ exports[`Table variants Size - compact 1`] = `
     ]
   }
   selectVariant="checkbox"
-  variant="compact"
+  variant="compactExpandable"
 >
   <Provider
     aria-label="Aria labeled"
-    className="pf-c-table pf-m-grid-md pf-m-compact"
+    className=""
     columns={
       Array [
         Object {
@@ -180606,321 +224301,87 @@ exports[`Table variants Size - compact 1`] = `
             "dropdownPosition": "right",
             "expandId": "expandable-toggle",
             "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    data-ouia-component-id="OUIA-Generated-Table-13"
-    data-ouia-component-type="PF4/Table"
-    data-ouia-safe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-  >
-    <table
-      aria-label="Aria labeled"
-      className="pf-c-table pf-m-grid-md pf-m-compact"
-      data-ouia-component-id="OUIA-Generated-Table-13"
-      data-ouia-component-type="PF4/Table"
-      data-ouia-safe={true}
-      role="grid"
-    >
-      <TableHeader>
-        <ContextHeader
-          headerRows={null}
-        >
-          <Header
-            className=""
-            headerRows={null}
-          >
-            <BaseHeader
-              className=""
-              columns={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
+            "onCollapse": undefined,
+            "onExpand": undefined,
+            "onRowEdit": undefined,
+            "onSelect": undefined,
+            "onSort": undefined,
+            "rowLabeledBy": "simple-node",
+            "selectVariant": "checkbox",
+            "sortBy": undefined,
+          },
+          "header": Object {
+            "formatters": Array [],
+            "label": "Last Commit",
+            "transforms": Array [
+              [Function],
+              [Function],
+            ],
+          },
+          "property": "last-commit",
+          "props": Object {
+            "data-key": 4,
+            "data-label": "Last Commit",
+          },
+        },
+      ]
+    }
+    gridBreakPoint="grid-md"
+    isStickyHeader={false}
+    ouiaSafe={true}
+    renderers={
+      Object {
+        "body": Object {
+          "cell": [Function],
+          "row": [Function],
+          "wrapper": [Function],
+        },
+        "header": Object {
+          "cell": [Function],
+        },
+      }
+    }
+    role="grid"
+    variant="compactExpandable"
+  >
+    <BaseTable
+      aria-label="Aria labeled"
+      className=""
+      gridBreakPoint="grid-md"
+      isStickyHeader={false}
+      ouiaSafe={true}
+      role="grid"
+      variant="compactExpandable"
+    >
+      <BaseTableBase
+        aria-label="Aria labeled"
+        className=""
+        gridBreakPoint="grid-md"
+        innerRef={null}
+        isStickyHeader={false}
+        ouiaSafe={true}
+        role="grid"
+        variant="compactExpandable"
+      >
+        <table
+          aria-label="Aria labeled"
+          className="pf-c-table pf-m-grid-md pf-m-compact pf-m-expandable"
+          data-ouia-component-id="OUIA-Generated-Table-30"
+          data-ouia-component-type="PF4/Table"
+          data-ouia-safe={true}
+          role="grid"
+        >
+          <TableHeader>
+            <ContextHeader
               headerRows={null}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
             >
-              <thead
+              <Header
                 className=""
+                headerRows={null}
               >
-                <HeaderRow
-                  key="0-header-row"
-                  renderers={
-                    Object {
-                      "cell": [Function],
-                      "row": "tr",
-                      "wrapper": "thead",
-                    }
-                  }
-                  rowData={
+                <BaseHeader
+                  className=""
+                  columns={
                     Array [
                       Object {
                         "cell": Object {
@@ -181014,1533 +224475,694 @@ exports[`Table variants Size - compact 1`] = `
                       Object {
                         "cell": Object {
                           "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Pull requests",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 2,
-                          "data-label": "Pull requests",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  rowIndex={0}
-                >
-                  <tr>
-                    <HeaderCell
-                      aria-sort="none"
-                      className="pf-c-table__sort"
-                      data-key={0}
-                      data-label="Header cell"
-                      key="0-header"
-                      scope="col"
-                    >
-                      <th
-                        aria-sort="none"
-                        className="pf-c-table__sort"
-                        data-key={0}
-                        data-label="Header cell"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        <SortColumn
-                          onSort={[Function]}
-                          sortDirection=""
-                        >
-                          <button
-                            className="pf-c-table__button"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <div
-                              className="pf-c-table__button-content"
-                            >
-                              <TableText>
-                                <span
-                                  className="pf-c-table__text"
-                                  onMouseEnter={[Function]}
-                                >
-                                  Header cell
-                                </span>
-                              </TableText>
-                              <span
-                                className="pf-c-table__sort-indicator"
-                              >
-                                <ArrowsAltVIcon
-                                  color="currentColor"
-                                  noVerticalAlign={false}
-                                  size="sm"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    aria-labelledby={null}
-                                    fill="currentColor"
-                                    height="1em"
-                                    role="img"
-                                    style={
-                                      Object {
-                                        "verticalAlign": "-0.125em",
-                                      }
-                                    }
-                                    viewBox="0 0 256 512"
-                                    width="1em"
-                                  >
-                                    <path
-                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                    />
-                                  </svg>
-                                </ArrowsAltVIcon>
-                              </span>
-                            </div>
-                          </button>
-                        </SortColumn>
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={1}
-                      data-label="Branches"
-                      key="1-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={1}
-                        data-label="Branches"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Branches
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={2}
-                      data-label="Pull requests"
-                      key="2-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={2}
-                        data-label="Pull requests"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Pull requests
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={3}
-                      data-label="Workspaces"
-                      key="3-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={3}
-                        data-label="Workspaces"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Workspaces
-                      </th>
-                    </HeaderCell>
-                    <HeaderCell
-                      data-key={4}
-                      data-label="Last Commit"
-                      key="4-header"
-                      scope="col"
-                    >
-                      <th
-                        className=""
-                        data-key={4}
-                        data-label="Last Commit"
-                        onMouseEnter={[Function]}
-                        scope="col"
-                      >
-                        Last Commit
-                      </th>
-                    </HeaderCell>
-                  </tr>
-                </HeaderRow>
-              </thead>
-            </BaseHeader>
-          </Header>
-        </ContextHeader>
-      </TableHeader>
-      <TableBody>
-        <ContextBody
-          className=""
-          headerData={
-            Array [
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Header cell",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "header-cell",
-                "props": Object {
-                  "data-key": 0,
-                  "data-label": "Header cell",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Branches",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "branches",
-                "props": Object {
-                  "data-key": 1,
-                  "data-label": "Branches",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Pull requests",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "pull-requests",
-                "props": Object {
-                  "data-key": 2,
-                  "data-label": "Pull requests",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Workspaces",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "workspaces",
-                "props": Object {
-                  "data-key": 3,
-                  "data-label": "Workspaces",
-                },
-              },
-              Object {
-                "cell": Object {
-                  "formatters": Array [
-                    [Function],
-                  ],
-                  "transforms": Array [
-                    [Function],
-                  ],
-                },
-                "data": undefined,
-                "extraParams": Object {
-                  "actionResolver": undefined,
-                  "actions": undefined,
-                  "allRowsSelected": false,
-                  "areActionsDisabled": undefined,
-                  "canSelectAll": true,
-                  "contentId": "expanded-content",
-                  "dropdownDirection": "down",
-                  "dropdownPosition": "right",
-                  "expandId": "expandable-toggle",
-                  "firstUserColumnIndex": 0,
-                  "onCollapse": undefined,
-                  "onExpand": undefined,
-                  "onRowEdit": undefined,
-                  "onSelect": undefined,
-                  "onSort": undefined,
-                  "rowLabeledBy": "simple-node",
-                  "selectVariant": "checkbox",
-                  "sortBy": undefined,
-                },
-                "header": Object {
-                  "formatters": Array [],
-                  "label": "Last Commit",
-                  "transforms": Array [
-                    [Function],
-                    [Function],
-                  ],
-                },
-                "property": "last-commit",
-                "props": Object {
-                  "data-key": 4,
-                  "data-label": "Last Commit",
-                },
-              },
-            ]
-          }
-          headerRows={null}
-          onRow={[Function]}
-          onRowClick={[Function]}
-          rowKey="id"
-          rows={
-            Array [
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-              Object {
-                "cells": Array [
-                  "one",
-                  "two",
-                  "three",
-                  "four",
-                  "five",
-                ],
-              },
-            ]
-          }
-        >
-          <Body
-            className=""
-            headerRows={null}
-            mappedRows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-            onRow={[Function]}
-            rowKey="id"
-            rows={
-              Array [
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 0,
-                  "isExpanded": undefined,
-                  "isFirst": true,
-                  "isFirstVisible": true,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 1,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 2,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 3,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 4,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 5,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 6,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 7,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": false,
-                  "isLastVisible": false,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-                Object {
-                  "branches": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "two",
-                  },
-                  "cells": Array [
-                    "one",
-                    "two",
-                    "three",
-                    "four",
-                    "five",
-                  ],
-                  "header-cell": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "one",
-                  },
-                  "id": 8,
-                  "isExpanded": undefined,
-                  "isFirst": false,
-                  "isFirstVisible": false,
-                  "isHeightAuto": false,
-                  "isLast": true,
-                  "isLastVisible": true,
-                  "last-commit": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "five",
-                  },
-                  "pull-requests": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "three",
-                  },
-                  "workspaces": Object {
-                    "formatters": Array [],
-                    "props": Object {
-                      "isVisible": true,
-                    },
-                    "title": "four",
-                  },
-                },
-              ]
-            }
-          >
-            <BaseBody
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                >
+                  <BaseTableHead
+                    className=""
+                  >
+                    <BaseTableHeadBase
+                      className=""
+                      innerRef={null}
+                    >
+                      <thead
+                        className=""
+                      >
+                        <HeaderRow
+                          key="0-header-row"
+                          renderers={
+                            Object {
+                              "cell": [Function],
+                              "row": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHeaderRow",
+                                "render": [Function],
+                              },
+                              "wrapper": Object {
+                                "$$typeof": Symbol(react.forward_ref),
+                                "displayName": "BaseTableHead",
+                                "render": [Function],
+                              },
+                            }
+                          }
+                          rowData={
+                            Array [
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Header cell",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "header-cell",
+                                "props": Object {
+                                  "data-key": 0,
+                                  "data-label": "Header cell",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Branches",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "branches",
+                                "props": Object {
+                                  "data-key": 1,
+                                  "data-label": "Branches",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Pull requests",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "pull-requests",
+                                "props": Object {
+                                  "data-key": 2,
+                                  "data-label": "Pull requests",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Workspaces",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "workspaces",
+                                "props": Object {
+                                  "data-key": 3,
+                                  "data-label": "Workspaces",
+                                },
+                              },
+                              Object {
+                                "cell": Object {
+                                  "formatters": Array [
+                                    [Function],
+                                  ],
+                                  "transforms": Array [
+                                    [Function],
+                                  ],
+                                },
+                                "data": undefined,
+                                "extraParams": Object {
+                                  "actionResolver": undefined,
+                                  "actions": undefined,
+                                  "allRowsSelected": false,
+                                  "areActionsDisabled": undefined,
+                                  "canSelectAll": true,
+                                  "contentId": "expanded-content",
+                                  "dropdownDirection": "down",
+                                  "dropdownPosition": "right",
+                                  "expandId": "expandable-toggle",
+                                  "firstUserColumnIndex": 0,
+                                  "onCollapse": undefined,
+                                  "onExpand": undefined,
+                                  "onRowEdit": undefined,
+                                  "onSelect": undefined,
+                                  "onSort": undefined,
+                                  "rowLabeledBy": "simple-node",
+                                  "selectVariant": "checkbox",
+                                  "sortBy": undefined,
+                                },
+                                "header": Object {
+                                  "formatters": Array [],
+                                  "label": "Last Commit",
+                                  "transforms": Array [
+                                    [Function],
+                                    [Function],
+                                  ],
+                                },
+                                "property": "last-commit",
+                                "props": Object {
+                                  "data-key": 4,
+                                  "data-label": "Last Commit",
+                                },
+                              },
+                            ]
+                          }
+                          rowIndex={0}
+                        >
+                          <BaseTableHeaderRow>
+                            <BaseTableHeaderRowBase
+                              innerRef={null}
+                            >
+                              <tr>
+                                <HeaderCell
+                                  aria-sort="none"
+                                  className="pf-c-table__sort"
+                                  data-key={0}
+                                  data-label="Header cell"
+                                  key="0-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    aria-sort="none"
+                                    className="pf-c-table__sort"
+                                    component="th"
+                                    data-key={0}
+                                    data-label="Header cell"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      aria-sort="none"
+                                      className="pf-c-table__sort"
+                                      component="th"
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort="none"
+                                        className="pf-c-table__sort"
+                                        data-key={0}
+                                        data-label="Header cell"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        <SortColumn
+                                          onSort={[Function]}
+                                          sortDirection=""
+                                        >
+                                          <button
+                                            className="pf-c-table__button"
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <div
+                                              className="pf-c-table__button-content"
+                                            >
+                                              <TableText>
+                                                <span
+                                                  className="pf-c-table__text"
+                                                  onMouseEnter={[Function]}
+                                                >
+                                                  Header cell
+                                                </span>
+                                              </TableText>
+                                              <span
+                                                className="pf-c-table__sort-indicator"
+                                              >
+                                                <ArrowsAltVIcon
+                                                  color="currentColor"
+                                                  noVerticalAlign={false}
+                                                  size="sm"
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    aria-labelledby={null}
+                                                    fill="currentColor"
+                                                    height="1em"
+                                                    role="img"
+                                                    style={
+                                                      Object {
+                                                        "verticalAlign": "-0.125em",
+                                                      }
+                                                    }
+                                                    viewBox="0 0 256 512"
+                                                    width="1em"
+                                                  >
+                                                    <path
+                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
+                                                    />
+                                                  </svg>
+                                                </ArrowsAltVIcon>
+                                              </span>
+                                            </div>
+                                          </button>
+                                        </SortColumn>
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={1}
+                                  data-label="Branches"
+                                  key="1-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={1}
+                                    data-label="Branches"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={1}
+                                      data-label="Branches"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={1}
+                                        data-label="Branches"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Branches
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={2}
+                                  data-label="Pull requests"
+                                  key="2-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={2}
+                                    data-label="Pull requests"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={2}
+                                        data-label="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Pull requests
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={3}
+                                  data-label="Workspaces"
+                                  key="3-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={3}
+                                    data-label="Workspaces"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={3}
+                                        data-label="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Workspaces
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                                <HeaderCell
+                                  data-key={4}
+                                  data-label="Last Commit"
+                                  key="4-header"
+                                  scope="col"
+                                >
+                                  <BaseHeaderCell
+                                    className=""
+                                    component="th"
+                                    data-key={4}
+                                    data-label="Last Commit"
+                                    onMouseEnter={[Function]}
+                                    scope="col"
+                                    textCenter={false}
+                                    tooltip=""
+                                  >
+                                    <BaseHeaderCellBase
+                                      className=""
+                                      component="th"
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      innerRef={null}
+                                      onMouseEnter={[Function]}
+                                      scope="col"
+                                      textCenter={false}
+                                      tooltip=""
+                                    >
+                                      <th
+                                        aria-sort={null}
+                                        className=""
+                                        data-key={4}
+                                        data-label="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        scope="col"
+                                      >
+                                        Last Commit
+                                      </th>
+                                    </BaseHeaderCellBase>
+                                  </BaseHeaderCell>
+                                </HeaderCell>
+                              </tr>
+                            </BaseTableHeaderRowBase>
+                          </BaseTableHeaderRow>
+                        </HeaderRow>
+                      </thead>
+                    </BaseTableHeadBase>
+                  </BaseTableHead>
+                </BaseHeader>
+              </Header>
+            </ContextHeader>
+          </TableHeader>
+          <TableBody>
+            <ContextBody
               className=""
-              columns={
+              headerData={
                 Array [
                   Object {
                     "cell": Object {
@@ -182755,507 +225377,23 @@ exports[`Table variants Size - compact 1`] = `
                       "transforms": Array [
                         [Function],
                         [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              mappedRows={
-                Array [
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
-                  },
-                  Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
+                      ],
+                    },
+                    "property": "last-commit",
+                    "props": Object {
+                      "data-key": 4,
+                      "data-label": "Last Commit",
                     },
                   },
                 ]
               }
+              headerRows={null}
               onRow={[Function]}
-              renderers={
-                Object {
-                  "body": Object {
-                    "cell": [Function],
-                    "row": [Function],
-                    "wrapper": [Function],
-                  },
-                  "header": Object {
-                    "cell": [Function],
-                    "row": "tr",
-                    "wrapper": "thead",
-                  },
-                  "table": "table",
-                }
-              }
+              onRowClick={[Function]}
               rowKey="id"
               rows={
                 Array [
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183263,50 +225401,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 0,
-                    "isExpanded": undefined,
-                    "isFirst": true,
-                    "isFirstVisible": true,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183314,50 +225410,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 1,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183365,50 +225419,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 2,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183416,50 +225428,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 3,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183467,50 +225437,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 4,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183518,50 +225446,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 5,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183569,50 +225455,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 6,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183620,50 +225464,8 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 7,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": false,
-                    "isLastVisible": false,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "four",
-                    },
                   },
                   Object {
-                    "branches": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "two",
-                    },
                     "cells": Array [
                       "one",
                       "two",
@@ -183671,50 +225473,372 @@ exports[`Table variants Size - compact 1`] = `
                       "four",
                       "five",
                     ],
-                    "header-cell": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
-                      },
-                      "title": "one",
-                    },
-                    "id": 8,
-                    "isExpanded": undefined,
-                    "isFirst": false,
-                    "isFirstVisible": false,
-                    "isHeightAuto": false,
-                    "isLast": true,
-                    "isLastVisible": true,
-                    "last-commit": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                  },
+                ]
+              }
+            >
+              <Body
+                className=""
+                headerRows={null}
+                mappedRows={
+                  Array [
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 0,
+                      "isExpanded": undefined,
+                      "isFirst": true,
+                      "isFirstVisible": true,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 1,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 2,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 3,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 4,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 5,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 6,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
                       },
-                      "title": "five",
-                    },
-                    "pull-requests": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
                       },
-                      "title": "three",
-                    },
-                    "workspaces": Object {
-                      "formatters": Array [],
-                      "props": Object {
-                        "isVisible": true,
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
                       },
-                      "title": "four",
                     },
-                  },
-                ]
-              }
-            >
-              <BodyWrapper
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -183737,10 +225861,10 @@ exports[`Table variants Size - compact 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 0,
+                      "id": 7,
                       "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
+                      "isFirst": false,
+                      "isFirstVisible": false,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -183788,13 +225912,13 @@ exports[`Table variants Size - compact 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 1,
+                      "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
+                      "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -183817,6 +225941,12 @@ exports[`Table variants Size - compact 1`] = `
                         "title": "four",
                       },
                     },
+                  ]
+                }
+                onRow={[Function]}
+                rowKey="id"
+                rows={
+                  Array [
                     Object {
                       "branches": Object {
                         "formatters": Array [],
@@ -183839,10 +225969,10 @@ exports[`Table variants Size - compact 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 2,
+                      "id": 0,
                       "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
+                      "isFirst": true,
+                      "isFirstVisible": true,
                       "isHeightAuto": false,
                       "isLast": false,
                       "isLastVisible": false,
@@ -183890,7 +226020,7 @@ exports[`Table variants Size - compact 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 3,
+                      "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -183941,7 +226071,7 @@ exports[`Table variants Size - compact 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 4,
+                      "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -183992,7 +226122,7 @@ exports[`Table variants Size - compact 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 5,
+                      "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -184043,7 +226173,7 @@ exports[`Table variants Size - compact 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 6,
+                      "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -184094,7 +226224,7 @@ exports[`Table variants Size - compact 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 7,
+                      "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
@@ -184145,13 +226275,13 @@ exports[`Table variants Size - compact 1`] = `
                         },
                         "title": "one",
                       },
-                      "id": 8,
+                      "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
                       "isFirstVisible": false,
                       "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
+                      "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "formatters": Array [],
                         "props": Object {
@@ -184174,1128 +226304,341 @@ exports[`Table variants Size - compact 1`] = `
                         "title": "four",
                       },
                     },
-                  ]
-                }
-              >
-                <tbody
-                  className=""
-                >
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="0-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      }
-                    }
-                    rowIndex={0}
-                    rowKey="0-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 0,
-                          "rowKey": "0-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-102"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-0"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "title": "one",
+                      },
+                      "id": 7,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": false,
+                      "isLastVisible": false,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "title": "four",
+                      },
+                    },
+                    Object {
+                      "branches": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
                         },
-                      ]
-                    }
-                    key="1-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "title": "two",
+                      },
+                      "cells": Array [
+                        "one",
+                        "two",
+                        "three",
+                        "four",
+                        "five",
+                      ],
+                      "header-cell": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "one",
+                      },
+                      "id": 8,
+                      "isExpanded": undefined,
+                      "isFirst": false,
+                      "isFirstVisible": false,
+                      "isHeightAuto": false,
+                      "isLast": true,
+                      "isLastVisible": true,
+                      "last-commit": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "five",
+                      },
+                      "pull-requests": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "three",
+                      },
+                      "workspaces": Object {
+                        "formatters": Array [],
+                        "props": Object {
+                          "isVisible": true,
+                        },
+                        "title": "four",
+                      },
+                    },
+                  ]
+                }
+              >
+                <BaseBody
+                  className=""
+                  columns={
+                    Array [
                       Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
+                          "label": "Header cell",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
+                        "property": "header-cell",
+                        "props": Object {
+                          "data-key": 0,
+                          "data-label": "Header cell",
                         },
-                        "workspaces": Object {
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
                           "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
+                          "label": "Branches",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                      }
-                    }
-                    rowIndex={1}
-                    rowKey="1-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
+                        "property": "branches",
+                        "props": Object {
+                          "data-key": 1,
+                          "data-label": "Branches",
+                        },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
                           ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 1,
-                          "rowKey": "1-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-103"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-1"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Pull requests",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
+                        "property": "pull-requests",
+                        "props": Object {
+                          "data-key": 2,
+                          "data-label": "Pull requests",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
+                      },
+                      Object {
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
                         },
-                      ]
-                    }
-                    key="2-row"
-                    onRow={[Function]}
-                    renderers={
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Workspaces",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "workspaces",
+                        "props": Object {
+                          "data-key": 3,
+                          "data-label": "Workspaces",
+                        },
+                      },
                       Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                        "cell": Object {
+                          "formatters": Array [
+                            [Function],
+                          ],
+                          "transforms": Array [
+                            [Function],
+                          ],
+                        },
+                        "data": undefined,
+                        "extraParams": Object {
+                          "actionResolver": undefined,
+                          "actions": undefined,
+                          "allRowsSelected": false,
+                          "areActionsDisabled": undefined,
+                          "canSelectAll": true,
+                          "contentId": "expanded-content",
+                          "dropdownDirection": "down",
+                          "dropdownPosition": "right",
+                          "expandId": "expandable-toggle",
+                          "firstUserColumnIndex": 0,
+                          "onCollapse": undefined,
+                          "onExpand": undefined,
+                          "onRowEdit": undefined,
+                          "onSelect": undefined,
+                          "onSort": undefined,
+                          "rowLabeledBy": "simple-node",
+                          "selectVariant": "checkbox",
+                          "sortBy": undefined,
+                        },
+                        "header": Object {
+                          "formatters": Array [],
+                          "label": "Last Commit",
+                          "transforms": Array [
+                            [Function],
+                            [Function],
+                          ],
+                        },
+                        "property": "last-commit",
+                        "props": Object {
+                          "data-key": 4,
+                          "data-label": "Last Commit",
+                        },
+                      },
+                    ]
+                  }
+                  headerRows={null}
+                  mappedRows={
+                    Array [
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -185318,10 +226661,10 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 2,
+                        "id": 0,
                         "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
+                        "isFirst": true,
+                        "isFirstVisible": true,
                         "isHeightAuto": false,
                         "isLast": false,
                         "isLastVisible": false,
@@ -185342,400 +226685,11 @@ exports[`Table variants Size - compact 1`] = `
                         "workspaces": Object {
                           "formatters": Array [],
                           "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      }
-                    }
-                    rowIndex={2}
-                    rowKey="2-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 2,
-                          "rowKey": "2-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-104"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-2"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="3-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -185758,7 +226712,7 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 3,
+                        "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -185786,396 +226740,7 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={3}
-                    rowKey="3-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 3,
-                          "rowKey": "3-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-105"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-3"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
-                          },
-                        },
-                      ]
-                    }
-                    key="4-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -186198,7 +226763,7 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 4,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -186226,396 +226791,109 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={4}
-                    rowKey="4-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 4,
-                          "rowKey": "4-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-106"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-4"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "branches",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
-                          },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "pull-requests",
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="5-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -186666,396 +226944,295 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={5}
-                    rowKey="5-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 5,
-                          "rowKey": "5-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-107"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-5"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": true,
+                        "isLastVisible": true,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                    ]
+                  }
+                  onRow={[Function]}
+                  renderers={
+                    Object {
+                      "body": Object {
+                        "cell": [Function],
+                        "row": [Function],
+                        "wrapper": [Function],
+                      },
+                      "header": Object {
+                        "cell": [Function],
+                        "row": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHeaderRow",
+                          "render": [Function],
+                        },
+                        "wrapper": Object {
+                          "$$typeof": Symbol(react.forward_ref),
+                          "displayName": "BaseTableHead",
+                          "render": [Function],
+                        },
+                      },
+                      "table": Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "displayName": "BaseTable",
+                        "render": [Function],
+                      },
+                    }
+                  }
+                  rowKey="id"
+                  rows={
+                    Array [
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isFirstVisible": true,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="6-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -187078,7 +227255,7 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 6,
+                        "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
@@ -187106,396 +227283,262 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={6}
-                    rowKey="6-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 6,
-                          "rowKey": "6-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-108"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-6"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "header-cell",
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                            "isVisible": true,
                           },
+                          "title": "three",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "branches",
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                            "isVisible": true,
                           },
+                          "title": "five",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "pull-requests",
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                            "isVisible": true,
                           },
+                          "title": "one",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "workspaces",
+                          "title": "four",
+                        },
+                      },
+                      Object {
+                        "branches": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
+                            "isVisible": true,
                           },
+                          "title": "two",
                         },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isFirstVisible": false,
+                        "isHeightAuto": false,
+                        "isLast": false,
+                        "isLastVisible": false,
+                        "last-commit": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "header": Object {
-                            "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "formatters": Array [],
+                          "props": Object {
+                            "isVisible": true,
                           },
-                          "property": "last-commit",
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "formatters": Array [],
                           "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                            "isVisible": true,
                           },
+                          "title": "four",
                         },
-                      ]
-                    }
-                    key="7-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
+                      },
                       Object {
                         "branches": Object {
                           "formatters": Array [],
@@ -187518,13 +227561,13 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "one",
                         },
-                        "id": 7,
+                        "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
                         "isFirstVisible": false,
                         "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
+                        "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "formatters": Array [],
                           "props": Object {
@@ -187546,15 +227589,15 @@ exports[`Table variants Size - compact 1`] = `
                           },
                           "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={7}
-                    rowKey="7-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
+                      },
+                    ]
+                  }
+                >
+                  <BodyWrapper
+                    className=""
+                    headerRows={null}
+                    mappedRows={
+                      Array [
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -187577,7 +227620,58 @@ exports[`Table variants Size - compact 1`] = `
                             },
                             "title": "one",
                           },
-                          "id": 7,
+                          "id": 0,
+                          "isExpanded": undefined,
+                          "isFirst": true,
+                          "isFirstVisible": true,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 1,
                           "isExpanded": undefined,
                           "isFirst": false,
                           "isFirstVisible": false,
@@ -187605,396 +227699,313 @@ exports[`Table variants Size - compact 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
+                        },
                         Object {
-                          "rowIndex": 7,
-                          "rowKey": "7-row",
-                        }
-                      }
-                    >
-                      <tr
-                        className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-109"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
-                      >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
-                          >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
-                          >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
-                          >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
-                          >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-7"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
-                          >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                  <BodyRow
-                    columns={
-                      Array [
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
+                          },
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
+                          },
+                          "id": 2,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
+                          },
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
+                          },
+                        },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 3,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Header cell",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "header-cell",
-                          "props": Object {
-                            "data-key": 0,
-                            "data-label": "Header cell",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 4,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Branches",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "branches",
-                          "props": Object {
-                            "data-key": 1,
-                            "data-label": "Branches",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 5,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Pull requests",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "property": "pull-requests",
-                          "props": Object {
-                            "data-key": 2,
-                            "data-label": "Pull requests",
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
+                          },
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
                         Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "header": Object {
+                          "id": 6,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
                             "formatters": Array [],
-                            "label": "Workspaces",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
-                          },
-                          "property": "workspaces",
-                          "props": Object {
-                            "data-key": 3,
-                            "data-label": "Workspaces",
-                          },
-                        },
-                        Object {
-                          "cell": Object {
-                            "formatters": Array [
-                              [Function],
-                            ],
-                            "transforms": Array [
-                              [Function],
-                            ],
-                          },
-                          "data": undefined,
-                          "extraParams": Object {
-                            "actionResolver": undefined,
-                            "actions": undefined,
-                            "allRowsSelected": false,
-                            "areActionsDisabled": undefined,
-                            "canSelectAll": true,
-                            "contentId": "expanded-content",
-                            "dropdownDirection": "down",
-                            "dropdownPosition": "right",
-                            "expandId": "expandable-toggle",
-                            "firstUserColumnIndex": 0,
-                            "onCollapse": undefined,
-                            "onExpand": undefined,
-                            "onRowEdit": undefined,
-                            "onSelect": undefined,
-                            "onSort": undefined,
-                            "rowLabeledBy": "simple-node",
-                            "selectVariant": "checkbox",
-                            "sortBy": undefined,
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "header": Object {
+                          "pull-requests": Object {
                             "formatters": Array [],
-                            "label": "Last Commit",
-                            "transforms": Array [
-                              [Function],
-                              [Function],
-                            ],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "property": "last-commit",
-                          "props": Object {
-                            "data-key": 4,
-                            "data-label": "Last Commit",
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
                         },
-                      ]
-                    }
-                    key="8-row"
-                    onRow={[Function]}
-                    renderers={
-                      Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      }
-                    }
-                    rowData={
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                        Object {
+                          "branches": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "two",
                           },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "cells": Array [
+                            "one",
+                            "two",
+                            "three",
+                            "four",
+                            "five",
+                          ],
+                          "header-cell": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "one",
                           },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "id": 7,
+                          "isExpanded": undefined,
+                          "isFirst": false,
+                          "isFirstVisible": false,
+                          "isHeightAuto": false,
+                          "isLast": false,
+                          "isLastVisible": false,
+                          "last-commit": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "five",
                           },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "pull-requests": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "three",
                           },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
+                          "workspaces": Object {
+                            "formatters": Array [],
+                            "props": Object {
+                              "isVisible": true,
+                            },
+                            "title": "four",
                           },
-                          "title": "four",
                         },
-                      }
-                    }
-                    rowIndex={8}
-                    rowKey="8-row"
-                  >
-                    <RowWrapper
-                      className=""
-                      onMouseDown={[Function]}
-                      row={
                         Object {
                           "branches": Object {
                             "formatters": Array [],
@@ -188045,108 +228056,4946 @@ exports[`Table variants Size - compact 1`] = `
                             },
                             "title": "four",
                           },
-                        }
-                      }
-                      rowProps={
-                        Object {
-                          "rowIndex": 8,
-                          "rowKey": "8-row",
-                        }
-                      }
+                        },
+                      ]
+                    }
+                  >
+                    <BaseTableBody
+                      className=""
                     >
-                      <tr
+                      <BaseTableBodyBase
                         className=""
-                        data-ouia-component-id="OUIA-Generated-TableRow-110"
-                        data-ouia-component-type="PF4/TableRow"
-                        data-ouia-safe={true}
-                        hidden={false}
-                        onMouseDown={[Function]}
+                        innerRef={null}
                       >
-                        <BodyCell
-                          data-key={0}
-                          data-label="Header cell"
-                          isVisible={true}
-                          key="col-0-row-8"
+                        <tbody
+                          className=""
+                          role="rowgroup"
                         >
-                          <td
-                            className=""
-                            data-key={0}
-                            data-label="Header cell"
-                            onMouseEnter={[Function]}
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="0-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 0,
+                                "isExpanded": undefined,
+                                "isFirst": true,
+                                "isFirstVisible": true,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={0}
+                            rowKey="0-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 0,
+                                  "isExpanded": undefined,
+                                  "isFirst": true,
+                                  "isFirstVisible": true,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 0,
+                                  "rowKey": "0-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-120"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-0"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="1-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 1,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={1}
+                            rowKey="1-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 1,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 1,
+                                  "rowKey": "1-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-121"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-1"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="2-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 2,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={2}
+                            rowKey="2-row"
                           >
-                            one
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={1}
-                          data-label="Branches"
-                          isVisible={true}
-                          key="col-1-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={1}
-                            data-label="Branches"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 2,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 2,
+                                  "rowKey": "2-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-122"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-2"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="3-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 3,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={3}
+                            rowKey="3-row"
                           >
-                            two
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={2}
-                          data-label="Pull requests"
-                          isVisible={true}
-                          key="col-2-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={2}
-                            data-label="Pull requests"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 3,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 3,
+                                  "rowKey": "3-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-123"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-3"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="4-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 4,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={4}
+                            rowKey="4-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 4,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 4,
+                                  "rowKey": "4-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-124"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-4"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="5-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 5,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={5}
+                            rowKey="5-row"
+                          >
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 5,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 5,
+                                  "rowKey": "5-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-125"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-5"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="6-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 6,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={6}
+                            rowKey="6-row"
                           >
-                            three
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={3}
-                          data-label="Workspaces"
-                          isVisible={true}
-                          key="col-3-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={3}
-                            data-label="Workspaces"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 6,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 6,
+                                  "rowKey": "6-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-126"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-6"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="7-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 7,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": false,
+                                "isLastVisible": false,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={7}
+                            rowKey="7-row"
                           >
-                            four
-                          </td>
-                        </BodyCell>
-                        <BodyCell
-                          data-key={4}
-                          data-label="Last Commit"
-                          isVisible={true}
-                          key="col-4-row-8"
-                        >
-                          <td
-                            className=""
-                            data-key={4}
-                            data-label="Last Commit"
-                            onMouseEnter={[Function]}
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 7,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": false,
+                                  "isLastVisible": false,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 7,
+                                  "rowKey": "7-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-127"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-7"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                          <BodyRow
+                            columns={
+                              Array [
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Header cell",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "header-cell",
+                                  "props": Object {
+                                    "data-key": 0,
+                                    "data-label": "Header cell",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Branches",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "branches",
+                                  "props": Object {
+                                    "data-key": 1,
+                                    "data-label": "Branches",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Pull requests",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "pull-requests",
+                                  "props": Object {
+                                    "data-key": 2,
+                                    "data-label": "Pull requests",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Workspaces",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "workspaces",
+                                  "props": Object {
+                                    "data-key": 3,
+                                    "data-label": "Workspaces",
+                                  },
+                                },
+                                Object {
+                                  "cell": Object {
+                                    "formatters": Array [
+                                      [Function],
+                                    ],
+                                    "transforms": Array [
+                                      [Function],
+                                    ],
+                                  },
+                                  "data": undefined,
+                                  "extraParams": Object {
+                                    "actionResolver": undefined,
+                                    "actions": undefined,
+                                    "allRowsSelected": false,
+                                    "areActionsDisabled": undefined,
+                                    "canSelectAll": true,
+                                    "contentId": "expanded-content",
+                                    "dropdownDirection": "down",
+                                    "dropdownPosition": "right",
+                                    "expandId": "expandable-toggle",
+                                    "firstUserColumnIndex": 0,
+                                    "onCollapse": undefined,
+                                    "onExpand": undefined,
+                                    "onRowEdit": undefined,
+                                    "onSelect": undefined,
+                                    "onSort": undefined,
+                                    "rowLabeledBy": "simple-node",
+                                    "selectVariant": "checkbox",
+                                    "sortBy": undefined,
+                                  },
+                                  "header": Object {
+                                    "formatters": Array [],
+                                    "label": "Last Commit",
+                                    "transforms": Array [
+                                      [Function],
+                                      [Function],
+                                    ],
+                                  },
+                                  "property": "last-commit",
+                                  "props": Object {
+                                    "data-key": 4,
+                                    "data-label": "Last Commit",
+                                  },
+                                },
+                              ]
+                            }
+                            key="8-row"
+                            onRow={[Function]}
+                            renderers={
+                              Object {
+                                "cell": [Function],
+                                "row": [Function],
+                                "wrapper": [Function],
+                              }
+                            }
+                            rowData={
+                              Object {
+                                "branches": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "two",
+                                },
+                                "cells": Array [
+                                  "one",
+                                  "two",
+                                  "three",
+                                  "four",
+                                  "five",
+                                ],
+                                "header-cell": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "one",
+                                },
+                                "id": 8,
+                                "isExpanded": undefined,
+                                "isFirst": false,
+                                "isFirstVisible": false,
+                                "isHeightAuto": false,
+                                "isLast": true,
+                                "isLastVisible": true,
+                                "last-commit": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "five",
+                                },
+                                "pull-requests": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "three",
+                                },
+                                "workspaces": Object {
+                                  "formatters": Array [],
+                                  "props": Object {
+                                    "isVisible": true,
+                                  },
+                                  "title": "four",
+                                },
+                              }
+                            }
+                            rowIndex={8}
+                            rowKey="8-row"
                           >
-                            five
-                          </td>
-                        </BodyCell>
-                      </tr>
-                    </RowWrapper>
-                  </BodyRow>
-                </tbody>
-              </BodyWrapper>
-            </BaseBody>
-          </Body>
-        </ContextBody>
-      </TableBody>
-    </table>
+                            <RowWrapper
+                              className=""
+                              onMouseDown={[Function]}
+                              row={
+                                Object {
+                                  "branches": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "two",
+                                  },
+                                  "cells": Array [
+                                    "one",
+                                    "two",
+                                    "three",
+                                    "four",
+                                    "five",
+                                  ],
+                                  "header-cell": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "one",
+                                  },
+                                  "id": 8,
+                                  "isExpanded": undefined,
+                                  "isFirst": false,
+                                  "isFirstVisible": false,
+                                  "isHeightAuto": false,
+                                  "isLast": true,
+                                  "isLastVisible": true,
+                                  "last-commit": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "five",
+                                  },
+                                  "pull-requests": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "three",
+                                  },
+                                  "workspaces": Object {
+                                    "formatters": Array [],
+                                    "props": Object {
+                                      "isVisible": true,
+                                    },
+                                    "title": "four",
+                                  },
+                                }
+                              }
+                              rowProps={
+                                Object {
+                                  "rowIndex": 8,
+                                  "rowKey": "8-row",
+                                }
+                              }
+                            >
+                              <BaseTableBodyRow
+                                className=""
+                                onMouseDown={[Function]}
+                              >
+                                <BaseTableBodyRowBase
+                                  className=""
+                                  innerRef={null}
+                                  onMouseDown={[Function]}
+                                >
+                                  <tr
+                                    className=""
+                                    data-ouia-component-id="OUIA-Generated-TableRow-128"
+                                    data-ouia-component-type="PF4/TableRow"
+                                    data-ouia-safe={true}
+                                    hidden={false}
+                                    onMouseDown={[Function]}
+                                  >
+                                    <BodyCell
+                                      data-key={0}
+                                      data-label="Header cell"
+                                      isVisible={true}
+                                      key="col-0-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={0}
+                                        dataLabel="Header cell"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={0}
+                                          dataLabel="Header cell"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={0}
+                                            data-label="Header cell"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            one
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={1}
+                                      data-label="Branches"
+                                      isVisible={true}
+                                      key="col-1-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={1}
+                                        dataLabel="Branches"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={1}
+                                          dataLabel="Branches"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={1}
+                                            data-label="Branches"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            two
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={2}
+                                      data-label="Pull requests"
+                                      isVisible={true}
+                                      key="col-2-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={2}
+                                        dataLabel="Pull requests"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={2}
+                                          dataLabel="Pull requests"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={2}
+                                            data-label="Pull requests"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            three
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={3}
+                                      data-label="Workspaces"
+                                      isVisible={true}
+                                      key="col-3-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={3}
+                                        dataLabel="Workspaces"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={3}
+                                          dataLabel="Workspaces"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={3}
+                                            data-label="Workspaces"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            four
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                    <BodyCell
+                                      data-key={4}
+                                      data-label="Last Commit"
+                                      isVisible={true}
+                                      key="col-4-row-8"
+                                    >
+                                      <BaseBodyCell
+                                        className=""
+                                        component="td"
+                                        data-key={4}
+                                        dataLabel="Last Commit"
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <BaseBodyCellBase
+                                          className=""
+                                          component="td"
+                                          data-key={4}
+                                          dataLabel="Last Commit"
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className=""
+                                            data-key={4}
+                                            data-label="Last Commit"
+                                            onMouseEnter={[Function]}
+                                          >
+                                            five
+                                          </td>
+                                        </BaseBodyCellBase>
+                                      </BaseBodyCell>
+                                    </BodyCell>
+                                  </tr>
+                                </BaseTableBodyRowBase>
+                              </BaseTableBodyRow>
+                            </RowWrapper>
+                          </BodyRow>
+                        </tbody>
+                      </BaseTableBodyBase>
+                    </BaseTableBody>
+                  </BodyWrapper>
+                </BaseBody>
+              </Body>
+            </ContextBody>
+          </TableBody>
+        </table>
+      </BaseTableBase>
+    </BaseTable>
   </Provider>
 </Table>
 `;

From 569fa4912514d015ced376822121b195af183ced Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Wed, 21 Oct 2020 17:58:20 -0400
Subject: [PATCH 13/29] cleanup state in examples

---
 packages/react-table/package-lock.json        | 276 ------------------
 .../Table/examples/ComposableTable.md         | 231 +++++++--------
 .../src/components/Table/examples/Table.md    |  41 +--
 3 files changed, 105 insertions(+), 443 deletions(-)
 delete mode 100644 packages/react-table/package-lock.json

diff --git a/packages/react-table/package-lock.json b/packages/react-table/package-lock.json
deleted file mode 100644
index f71734e80e3..00000000000
--- a/packages/react-table/package-lock.json
+++ /dev/null
@@ -1,276 +0,0 @@
-{
-  "name": "@patternfly/react-table",
-  "version": "4.18.20",
-  "lockfileVersion": 1,
-  "requires": true,
-  "dependencies": {
-    "@patternfly/patternfly": {
-      "version": "4.50.4",
-      "resolved": "https://registry.npmjs.org/@patternfly/patternfly/-/patternfly-4.50.4.tgz",
-      "integrity": "sha512-eoJ/U11m+1uJMt8HTFCJeUNazoHC58Ot6gzfNnJvbX5kibpDdvrMvLk2iuGhEfwzQmiH7BSrxjZqMyevbSZ2Cw=="
-    },
-    "@patternfly/react-core": {
-      "version": "4.64.5",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-4.64.5.tgz",
-      "integrity": "sha512-f7q0kB8FIWNU76FTv5gsM6o5Twg/j92LXo4EmDaKvz35qPGWR7jqstTZ0zHXcUuDOYTPZeiQS1kbNsHVXRqZzg==",
-      "requires": {
-        "@patternfly/react-icons": "^4.7.12",
-        "@patternfly/react-styles": "^4.7.8",
-        "@patternfly/react-tokens": "^4.9.12",
-        "focus-trap": "4.0.2",
-        "react-dropzone": "9.0.0",
-        "tippy.js": "5.1.2",
-        "tslib": "1.13.0"
-      }
-    },
-    "@patternfly/react-icons": {
-      "version": "4.7.12",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-4.7.12.tgz",
-      "integrity": "sha512-46kCsX4IIKQj5FzB/D2AkgG/TRkKjrH2U9v8H1kaU6WpXRmfLbxCq89neZ6UMoTF8tYhIXB0B3DaMMTvlQewRg=="
-    },
-    "@patternfly/react-styles": {
-      "version": "4.7.8",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-4.7.8.tgz",
-      "integrity": "sha512-d/OEE8vBz0+/7Bxa2WiRTvtQqf/GcFtfpNdORPYSvoifAggL9wt+/62g0GCAPOu1qOyZHuThB2Bjg77V87EkQg=="
-    },
-    "@patternfly/react-tokens": {
-      "version": "4.9.12",
-      "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-4.9.12.tgz",
-      "integrity": "sha512-bO4eaZRZOYRDnO096RCFMhV1VHXE9woRFxIs+i9Q7eSTlxpJm2b8FAIb7RDtOURGAfBlJKd/d1dFgZnPq7xQ0g=="
-    },
-    "attr-accept": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/attr-accept/-/attr-accept-1.1.3.tgz",
-      "integrity": "sha512-iT40nudw8zmCweivz6j58g+RT33I4KbaIvRUhjNmDwO2WmsQUxFEZZYZ5w3vXe5x5MX9D7mfvA/XaLOZYFR9EQ==",
-      "requires": {
-        "core-js": "^2.5.0"
-      }
-    },
-    "balanced-match": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
-      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
-      "dev": true
-    },
-    "brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "requires": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
-      "dev": true
-    },
-    "core-js": {
-      "version": "2.6.11",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.11.tgz",
-      "integrity": "sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg=="
-    },
-    "file-selector": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/file-selector/-/file-selector-0.1.13.tgz",
-      "integrity": "sha512-T2efCBY6Ps+jLIWdNQsmzt/UnAjKOEAlsZVdnQztg/BtAZGNL4uX1Jet9cMM8gify/x4CSudreji2HssGBNVIQ==",
-      "requires": {
-        "tslib": "^2.0.1"
-      },
-      "dependencies": {
-        "tslib": {
-          "version": "2.0.3",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.3.tgz",
-          "integrity": "sha512-uZtkfKblCEQtZKBF6EBXVZeQNl82yqtDQdv+eck8u7tdPxjLu2/lp5/uPW+um2tpuxINHWy3GhiccY7QgEaVHQ=="
-        }
-      }
-    },
-    "focus-trap": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-4.0.2.tgz",
-      "integrity": "sha512-HtLjfAK7Hp2qbBtLS6wEznID1mPT+48ZnP2nkHzgjpL4kroYHg0CdqJ5cTXk+UO5znAxF5fRUkhdyfgrhh8Lzw==",
-      "requires": {
-        "tabbable": "^3.1.2",
-        "xtend": "^4.0.1"
-      }
-    },
-    "fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
-      "dev": true
-    },
-    "glob": {
-      "version": "7.1.6",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
-      "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
-      "dev": true,
-      "requires": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      }
-    },
-    "inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
-      "dev": true,
-      "requires": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
-    },
-    "js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-    },
-    "lodash": {
-      "version": "4.17.20",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
-      "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA=="
-    },
-    "loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "requires": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      }
-    },
-    "minimatch": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
-      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
-      "dev": true,
-      "requires": {
-        "brace-expansion": "^1.1.7"
-      }
-    },
-    "object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
-    },
-    "once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-      "dev": true,
-      "requires": {
-        "wrappy": "1"
-      }
-    },
-    "path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
-      "dev": true
-    },
-    "popper.js": {
-      "version": "1.16.1",
-      "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
-      "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ=="
-    },
-    "prop-types": {
-      "version": "15.7.2",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
-      "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
-      "requires": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.8.1"
-      }
-    },
-    "prop-types-extra": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz",
-      "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==",
-      "requires": {
-        "react-is": "^16.3.2",
-        "warning": "^4.0.0"
-      }
-    },
-    "react-dropzone": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/react-dropzone/-/react-dropzone-9.0.0.tgz",
-      "integrity": "sha512-wZ2o9B2qkdE3RumWhfyZT9swgJYJPeU5qHEcMU8weYpmLex1eeWX0CC32/Y0VutB+BBi2D+iePV/YZIiB4kZGw==",
-      "requires": {
-        "attr-accept": "^1.1.3",
-        "file-selector": "^0.1.8",
-        "prop-types": "^15.6.2",
-        "prop-types-extra": "^1.1.0"
-      }
-    },
-    "react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-    },
-    "rimraf": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
-      "dev": true,
-      "requires": {
-        "glob": "^7.1.3"
-      }
-    },
-    "tabbable": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-3.1.2.tgz",
-      "integrity": "sha512-wjB6puVXTYO0BSFtCmWQubA/KIn7Xvajw0x0l6eJUudMG/EAiJvIUnyNX6xO4NpGrJ16lbD0eUseB9WxW0vlpQ=="
-    },
-    "tippy.js": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-5.1.2.tgz",
-      "integrity": "sha512-Qtrv2wqbRbaKMUb6bWWBQWPayvcDKNrGlvihxtsyowhT7RLGEh1STWuy6EMXC6QLkfKPB2MLnf8W2mzql9VDAw==",
-      "requires": {
-        "popper.js": "^1.16.0"
-      }
-    },
-    "tslib": {
-      "version": "1.13.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.13.0.tgz",
-      "integrity": "sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q=="
-    },
-    "typescript": {
-      "version": "3.9.7",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.7.tgz",
-      "integrity": "sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw==",
-      "dev": true
-    },
-    "warning": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
-      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
-      "requires": {
-        "loose-envify": "^1.0.0"
-      }
-    },
-    "wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
-      "dev": true
-    },
-    "xtend": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
-      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ=="
-    }
-  }
-}
diff --git a/packages/react-table/src/components/Table/examples/ComposableTable.md b/packages/react-table/src/components/Table/examples/ComposableTable.md
index b700cecefa7..e990812285a 100644
--- a/packages/react-table/src/components/Table/examples/ComposableTable.md
+++ b/packages/react-table/src/components/Table/examples/ComposableTable.md
@@ -19,27 +19,7 @@ beta: true
 
 Note: Table lives in its own package at [@patternfly/react-table](https://www.npmjs.com/package/@patternfly/react-table)!
 
-import {
-classNames,
-Visibility,
-TableText,
-HeaderCellInfoWrapper,
-ExpandableRowContent,
-BaseTable,
-BaseTableCaption,
-BaseTableHead,
-BaseTableBody,
-BaseTableHeaderRow,
-BaseTableBodyRow,
-BaseHeaderCell,
-BaseBodyCell
-} from '@patternfly/react-table';
-
-import {
-EmptyStateIcon,
-ToggleGroup,
-ToggleGroupItem
-} from '@patternfly/react-core';
+import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
 
 import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
 import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-icon';
@@ -48,9 +28,9 @@ import CubeIcon from '@patternfly/react-icons/dist/js/icons/cube-icon';
 
 import DemoSortableTable from './DemoSortableTable';
 
-## Composable table examples
+## Examples
 
-### Composable: Basic
+### Basic
 
 A basic example using the Base\* table components. Some general notes:
 
@@ -71,18 +51,18 @@ import {
 } from '@patternfly/react-table';
 
 ComposableTableBasic = () => {
-  const [columns, setColumns] = React.useState([
+  const columns = [
     'Repositories',
     'Branches',
     'Pull requests',
     'Workspaces',
     'Last commit'
-  ]);
-  const [data, setData] = React.useState([
+  ];
+  const rows = [
     ['one', 'two', 'three', 'four', 'five'],
     ['one - 2', null, null, 'four - 2', 'five - 2'],
     ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3']
-  ]);
+  ];
   return (
     <BaseTable aria-label="Simple table using composable components">
       <BaseTableCaption>Simple table using composable components</BaseTableCaption>
@@ -94,7 +74,7 @@ ComposableTableBasic = () => {
         </BaseTableHeaderRow>
       </BaseTableHead>
       <BaseTableBody>
-        {data.map((row, rowIndex) => (
+        {rows.map((row, rowIndex) => (
           <BaseTableBodyRow key={rowIndex}>
             {row.map((cell, cellIndex) => (
               <BaseBodyCell key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
@@ -109,7 +89,7 @@ ComposableTableBasic = () => {
 };
 ```
 
-### Composable: Row click handler, Custom row wrapper, header tooltips & popovers
+### Row click handler, custom row wrapper, header tooltips & popovers
 
 This example demonstrates customizing rows, adding tooltip and popover information to header items, and some other misc. props.
 
@@ -132,29 +112,18 @@ import {
 } from '@patternfly/react-table';
 
 ComposableTableMisc = () => {
-  const [columns, setColumns] = React.useState([
+  const columns = [
     'Repositories',
     'Branches',
     'Pull requests',
     'Workspaces',
     'Last commit'
-  ]);
-  const [data, setData] = React.useState([
+  ];
+  const rows = [
     ['one', 'two', 'three', 'four', 'five'],
-    ['one - 2', null, null, 'four - 2', 'five - 2'],
-    ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3 (not centered)']
-  ]);
-  // map additional configuration to the incoming data anyway you want to
-  // key: row_column
-  const dataConfig = {
-    '1_0': {
-      title: text => <div>{text}</div>,
-      props: { title: 'hover title', colSpan: 3 }
-    },
-    '2_4': {
-      props: { textCenter: false }
-    }
-  };
+    [{ title: 'one - 2', colSpan: 3 }, null, null, 'four - 2', 'five - 2'],
+    ['one - 3', 'two - 3', 'three - 3', 'four - 3', { title: 'five - 3 (not centered)', textCenter: false }]
+  ];
   const onRowClick = (event, rowIndex, row) => {
     console.log(`handle row click ${rowIndex}`, row);
   };
@@ -197,7 +166,7 @@ ComposableTableMisc = () => {
         </BaseTableHeaderRow>
       </BaseTableHead>
       <BaseTableBody>
-        {data.map((row, rowIndex) => {
+        {rows.map((row, rowIndex) => {
           const isOddRow = (rowIndex + 1) % 2;
           const customStyle = {
             borderLeft: '3px solid var(--pf-global--primary-color--100)'
@@ -213,16 +182,24 @@ ComposableTableMisc = () => {
                 if (!cell) {
                   return null;
                 }
-                const cellConfig = dataConfig[`${rowIndex}_${cellIndex}`];
+                let cellObject;
+                if (typeof cell !== 'object') {
+                  cellObject = {
+                    title: cell
+                  }
+                } else {
+                  cellObject = cell;
+                }
+                const { title, ...rest } = cellObject;
                 return (
                   <BaseBodyCell
                     key={`${rowIndex}_${cellIndex}`}
                     columnIndex={cellIndex}
                     dataLabel={columns[cellIndex]}
                     textCenter={cellIndex === row.length - 1}
-                    {...((cellConfig && cellConfig.props) || {})}
+                    {...rest}
                   >
-                    {cellConfig && cellConfig.title ? cellConfig.title(cell) : cell}
+                    {title}
                   </BaseBodyCell>
                 );
               })}
@@ -235,7 +212,7 @@ ComposableTableMisc = () => {
 };
 ```
 
-### Composable: Sortable, Sortable with wrapping headers
+### Sortable, sortable with wrapping headers
 
 This example demonstrates making columns sortable, and wrapping header text. For sorting it is also important to pass the `columnIndex` to the `BaseHeaderCell`.
 
@@ -252,14 +229,14 @@ import {
 } from '@patternfly/react-table';
 
 ComposableTableSortable = () => {
-  const [columns, setColumns] = React.useState([
+  const columns = [
     'This is a really long table header that goes on for a long time 1.',
     'This is a really long table header that goes on for a long time 2.',
     'This is a really long table header that goes on for a long time 3.',
     'This is a really long table header that goes on for a long time 4.',
     'This is a really long table header that goes on for a long time 5.'
-  ]);
-  const [data, setData] = React.useState([
+  ];
+  const [rows, setRows] = React.useState([
     ['one', 'two', 'a', 'four', 'five'],
     ['a', 'two', 'k', 'four', 'five'],
     ['p', 'two', 'b', 'four', 'five']
@@ -271,8 +248,8 @@ ComposableTableSortable = () => {
   const onSort = (event, index, direction) => {
     setActiveSortIndex(index);
     setActiveSortDirection(direction);
-    // sorts the row data
-    const updatedData = data.sort((a, b) => {
+    // sorts the rows
+    const updatedRows = rows.sort((a, b) => {
       if (typeof a[index] === 'number') {
         // numeric sort
         if (direction === 'asc') {
@@ -287,7 +264,7 @@ ComposableTableSortable = () => {
         return b[index].localeCompare(a[index]);
       }
     });
-    setData(updatedData);
+    setRows(updatedRows);
   };
   return (
     <BaseTable aria-label="Sortable Table">
@@ -315,7 +292,7 @@ ComposableTableSortable = () => {
         </BaseTableHeaderRow>
       </BaseTableHead>
       <BaseTableBody>
-        {data.map((row, rowIndex) => (
+        {rows.map((row, rowIndex) => (
           <BaseTableBodyRow key={rowIndex}>
             {row.map((cell, cellIndex) => (
               <BaseBodyCell key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
@@ -330,7 +307,7 @@ ComposableTableSortable = () => {
 };
 ```
 
-### Composable: Selectable
+### Selectable
 
 This example demonstrates row selection. The selection column is just another column, but with selection specific props added. We add it as the first header cell and also as the first body cell for each row.
 Be sure to also add `columnIndex` to `BaseHeaderCell` and `columnIndex` as well as `rowIndex` to `BaseBodyCell`.
@@ -348,21 +325,21 @@ import {
 } from '@patternfly/react-table';
 
 ComposableTableSelectable = () => {
-  const [columns, setColumns] = React.useState([
+  const columns = [
     'Repositories',
     'Branches',
     'Pull requests',
     'Workspaces',
     'Last commit'
-  ]);
-  const [data, setData] = React.useState([
+  ];
+  const rows = [
     ['one', 'two', 'a', 'four', 'five'],
     ['a', 'two', 'k', 'four', 'five'],
     ['p', 'two', 'b', 'four', 'five']
-  ]);
+  ];
   const [allRowsSelected, setAllRowsSelected] = React.useState(false);
-  const [selected, setSelected] = React.useState(data.map(row => false));
-  const onSelect = (event, isSelected, rowId, rowData, extraData) => {
+  const [selected, setSelected] = React.useState(rows.map(row => false));
+  const onSelect = (event, isSelected, rowId) => {
     setSelected(selected.map((sel, index) => (index === rowId ? isSelected : sel)));
     if (!isSelected && allRowsSelected) {
       setAllRowsSelected(false);
@@ -380,7 +357,7 @@ ComposableTableSelectable = () => {
       }
     }
   };
-  const onSelectAll = (event, isSelected, rowId, rowData, extraData) => {
+  const onSelectAll = (event, isSelected) => {
     setAllRowsSelected(isSelected);
     setSelected(selected.map(sel => isSelected));
   };
@@ -397,7 +374,7 @@ ComposableTableSelectable = () => {
         </BaseTableHeaderRow>
       </BaseTableHead>
       <BaseTableBody>
-        {data.map((row, rowIndex) => (
+        {rows.map((row, rowIndex) => (
           <BaseTableBodyRow key={rowIndex}>
             <BaseBodyCell
               key={`${rowIndex}_0`}
@@ -427,7 +404,7 @@ ComposableTableSelectable = () => {
 };
 ```
 
-### Composable: Selectable radio input
+### Selectable radio input
 
 Similarly to the selectable example above, the radio buttons use the first column. The first header cell is empty, and each body row's first cell has radio button props. Just as with selectable, be sure to also add `columnIndex` to `BaseHeaderCell` and `columnIndex` as well as `rowIndex` to `BaseBodyCell`.
 
@@ -444,24 +421,24 @@ import {
 } from '@patternfly/react-table';
 
 ComposableTableSelectableRadio = () => {
-  const [columns, setColumns] = React.useState([
+  const columns = [
     'Repositories',
     'Branches',
     'Pull requests',
     'Workspaces',
     'Last commit'
-  ]);
-  const [data, setData] = React.useState([
+  ];
+  const rows = [
     ['one', 'two', 'a', 'four', 'five'],
     ['a', 'two', 'k', 'four', 'five'],
     ['p', 'two', 'b', 'four', 'five']
-  ]);
+  ];
   const [selected, setSelected] = React.useState(-1);
-  const onSelect = (event, isSelected, rowId, rowData, extraData) => {
+  const onSelect = (event, isSelected, rowId) => {
     setSelected(rowId);
   };
   return (
-    <BaseTable aria-label="Selectable Table">
+    <BaseTable aria-label="Radio selectable table">
       <BaseTableHead>
         <BaseTableHeaderRow>
           <BaseHeaderCell columnIndex={0} />
@@ -473,7 +450,7 @@ ComposableTableSelectableRadio = () => {
         </BaseTableHeaderRow>
       </BaseTableHead>
       <BaseTableBody>
-        {data.map((row, rowIndex) => (
+        {rows.map((row, rowIndex) => (
           <BaseTableBodyRow key={rowIndex}>
             <BaseBodyCell
               key={`${rowIndex}_0`}
@@ -504,7 +481,7 @@ ComposableTableSelectableRadio = () => {
 };
 ```
 
-### Composable: Actions
+### Actions
 
 This example demonstrates adding actions as the last column. The header's last cell is an empty cell, and each body row's last cell is an action cell.
 
@@ -554,22 +531,22 @@ ComposableTableActions = () => {
       onClick: (event, rowId, rowData, extra) => console.log(`clicked on Third action, on row ${rowId}`)
     }
   ];
-  const [columns, setColumns] = React.useState([
+  const columns = [
     'Repositories',
     'Branches',
     'Pull requests',
     'Workspaces',
     'Last commit'
-  ]);
-  const [data, setData] = React.useState([
+  ];
+  const rows = [
     ['one', 'two', 'a', 'four', 'five'],
     ['a', 'two', 'k', 'four', 'five'],
     ['p', 'two', 'b', 'four', 'five'],
     ['4', '2', 'b', 'four', 'five'],
     ['5', '2', 'b', 'four', 'five']
-  ]);
+  ];
   return (
-    <BaseTable aria-label="Actions Table">
+    <BaseTable aria-label="Actions table">
       <BaseTableHead>
         <BaseTableHeaderRow>
           <BaseHeaderCell columnIndex={0}>{columns[0]}</BaseHeaderCell>
@@ -581,7 +558,7 @@ ComposableTableActions = () => {
         </BaseTableHeaderRow>
       </BaseTableHead>
       <BaseTableBody>
-        {data.map((row, rowIndex) => (
+        {rows.map((row, rowIndex) => (
           <BaseTableBodyRow key={rowIndex}>
             {row.map((cell, cellIndex) => (
               <BaseBodyCell key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
@@ -603,7 +580,7 @@ ComposableTableActions = () => {
 };
 ```
 
-### Composable: Compact, Compact borderless
+### Compact, compact borderless
 
 You can set the `BaseTable` variant to `compact` or `compactBorderless`.
 
@@ -621,20 +598,20 @@ import {
 import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
 
 ComposableTableCompact = () => {
-  const [columns, setColumns] = React.useState([
+  const columns = [
     'Repositories',
     'Branches',
     'Pull requests',
     'Workspaces',
     'Last commit'
-  ]);
-  const [data, setData] = React.useState([
+  ];
+  const rows = [
     ['one', 'two', 'a', 'four', 'five'],
     ['a', 'two', 'k', 'four', 'five'],
     ['p', 'two', 'b', 'four', 'five'],
     ['4', '2', 'b', 'four', 'five'],
     ['5', '2', 'b', 'four', 'five']
-  ]);
+  ];
   const [variant, setVariant] = React.useState('compact');
   const handleItemClick = (isSelected, event) => {
     const id = event.currentTarget.id;
@@ -663,7 +640,7 @@ ComposableTableCompact = () => {
           </BaseTableHeaderRow>
         </BaseTableHead>
         <BaseTableBody>
-          {data.map((row, rowIndex) => (
+          {rows.map((row, rowIndex) => (
             <BaseTableBodyRow key={rowIndex}>
               {row.map((cell, cellIndex) => (
                 <BaseBodyCell key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
@@ -679,7 +656,7 @@ ComposableTableCompact = () => {
 };
 ```
 
-### Composable: Expandable
+### Expandable
 
 This example demonstrates having expandable rows.
 
@@ -701,14 +678,14 @@ import {
 import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
 
 ComposableTableExpandable = () => {
-  const [columns, setColumns] = React.useState([
+  const columns = [
     'Repositories',
     'Branches',
     'Pull requests',
     'Workspaces',
     'Last commit'
-  ]);
-  const [data, setData] = React.useState([
+  ];
+  const rowPairs = [
     { parent: ['one', 'two', 'a', 'four', 'five'], child: null },
     {
       parent: ['parent 1', 'two', 'k', 'four', 'five'],
@@ -766,10 +743,10 @@ ComposableTableExpandable = () => {
       ],
       fullWidth: true
     }
-  ]);
+  ];
   const numColumns = columns.length;
   // Init all to true
-  const [expanded, setExpanded] = React.useState(Object.fromEntries(Object.entries(data).map(([k, v]) => [k, true])));
+  const [expanded, setExpanded] = React.useState(Object.fromEntries(Object.entries(rowPairs).map(([k, v]) => [k, true])));
   const [variant, setVariant] = React.useState(null);
   const handleItemClick = (isSelected, event) => {
     const id = event.currentTarget.id;
@@ -807,7 +784,7 @@ ComposableTableExpandable = () => {
             <BaseHeaderCell columnIndex={5}>{columns[4]}</BaseHeaderCell>
           </BaseTableHeaderRow>
         </BaseTableHead>
-        {data.map((pair, pairIndex) => {
+        {rowPairs.map((pair, pairIndex) => {
           rowIndex += 1;
           const parentRow = (
             <BaseTableBodyRow key={rowIndex}>
@@ -835,9 +812,9 @@ ComposableTableExpandable = () => {
           }
           const childRow = pair.child ? (
             <BaseTableBodyRow key={rowIndex} isExpanded={expanded[pairIndex] === true}>
-              {!data[pairIndex].fullWidth && <BaseBodyCell key={`${rowIndex}_0`} columnIndex={0} />}
-              {data[pairIndex].child.map((cell, cellIndex) => {
-                const shift = data[pairIndex].fullWidth ? 1 : 0;
+              {!rowPairs[pairIndex].fullWidth && <BaseBodyCell key={`${rowIndex}_0`} columnIndex={0} />}
+              {rowPairs[pairIndex].child.map((cell, cellIndex) => {
+                const shift = rowPairs[pairIndex].fullWidth ? 1 : 0;
                 const shiftedCellIndex = cellIndex + shift;
                 return (
                   <BaseBodyCell
@@ -845,9 +822,9 @@ ComposableTableExpandable = () => {
                     rowIndex={rowIndex}
                     columnIndex={shiftedCellIndex}
                     dataLabel={columns[cellIndex]}
-                    noPadding={data[pairIndex].noPadding}
+                    noPadding={rowPairs[pairIndex].noPadding}
                     colSpan={
-                      data[pairIndex].child.length === 1
+                      rowPairs[pairIndex].child.length === 1
                         ? numColumns + shift
                         : cell.props && cell.props.colSpan
                         ? cell.props.colSpan
@@ -875,7 +852,7 @@ ComposableTableExpandable = () => {
 };
 ```
 
-### Composable: Compound expandable
+### Compound expandable
 
 ```js isBeta
 import React from 'react';
@@ -898,18 +875,18 @@ import CubeIcon from '@patternfly/react-icons/dist/js/icons/cube-icon';
 import DemoSortableTable from './demo/DemoSortableTable';
 
 ComposableCompoundExpandableTable = () => {
-  const [columns, setColumns] = React.useState([
+  const columns = [
     'Repositories',
     'Branches',
     'Pull requests',
     'Workspaces',
     'Last commit',
     ''
-  ]);
-  const [data, setData] = React.useState([
+  ];
+  const rows = [
     ['siemur/test-space', 10, 4, 4, '20 minutes', 'Open in Github'],
     ['siemur/test-space', 3, 4, 2, '10 minutes', 'Open in Github']
-  ]);
+  ];
   const [activeChild, setActiveChild] = React.useState('0_1');
   // key = row_col of the parent it corresponds to
   const childData = {
@@ -1013,7 +990,7 @@ ComposableCompoundExpandableTable = () => {
             ))}
           </BaseTableHeaderRow>
         </BaseTableHead>
-        {data.map((row, rowIndex) => {
+        {rows.map((row, rowIndex) => {
           const isRowExpanded = activeChild && activeChild.split('_')[0] === `${rowIndex}`;
           return (
             <BaseTableBody key={rowIndex} isExpanded={isRowExpanded}>
@@ -1062,7 +1039,7 @@ ComposableCompoundExpandableTable = () => {
 };
 ```
 
-### Composable: Cell width, breakpoint modifiers
+### Cell width, breakpoint modifiers
 
 ```js isBeta
 import React from 'react';
@@ -1077,18 +1054,18 @@ import {
 } from '@patternfly/react-table';
 
 ComposableTableCellWidth = () => {
-  const [columns, setColumns] = React.useState([
+  const columns = [
     'Repositories',
     'Branches',
     'Pull requests',
     'Workspaces',
     'Last commit'
-  ]);
-  const [data, setData] = React.useState([
+  ];
+  const rows = [
     ['one', 'two', 'three', 'four', 'five'],
     ['one - 2', null, null, 'four - 2', 'five - 2'],
     ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3']
-  ]);
+  ];
   return (
     <BaseTable aria-label="Cell widths">
       <BaseTableHead>
@@ -1105,7 +1082,7 @@ ComposableTableCellWidth = () => {
         </BaseTableHeaderRow>
       </BaseTableHead>
       <BaseTableBody>
-        {data.map((row, rowIndex) => (
+        {rows.map((row, rowIndex) => (
           <BaseTableBodyRow key={rowIndex}>
             {row.map((cell, cellIndex) => (
               <BaseBodyCell
@@ -1124,7 +1101,7 @@ ComposableTableCellWidth = () => {
 };
 ```
 
-### Composable: Controlling text
+### Controlling text
 
 ```js isBeta
 import React from 'react';
@@ -1139,14 +1116,14 @@ import {
 } from '@patternfly/react-table';
 
 ComposableControllingText = () => {
-  const [columns, setColumns] = React.useState([
+  const columns = [
     'Truncate (width 20%)',
     'Break word',
     'Wrapping table header text. This th text will wrap instead of truncate.',
     'Fit content',
     'No wrap'
-  ]);
-  const [data, setData] = React.useState([
+  ];
+  const rows = [
     [
       'This text will truncate instead of wrap.',
       <a href="#">http://thisisaverylongurlthatneedstobreakusethebreakwordmodifier.org</a>,
@@ -1159,7 +1136,7 @@ ComposableControllingText = () => {
       "This cell's content will adjust itself to the parent th width. This modifier only affects table layouts.",
       <a href="#">No wrap</a>
     ]
-  ]);
+  ];
   return (
     <BaseTable aria-label="Controlling text">
       <BaseTableHead>
@@ -1178,7 +1155,7 @@ ComposableControllingText = () => {
         </BaseTableHeaderRow>
       </BaseTableHead>
       <BaseTableBody>
-        {data.map((row, rowIndex) => (
+        {rows.map((row, rowIndex) => (
           <BaseTableBodyRow key={rowIndex}>
             <BaseBodyCell dataLabel={columns[0]} modifier="truncate">
               {row[0]}
@@ -1199,7 +1176,7 @@ ComposableControllingText = () => {
 };
 ```
 
-### Composable: Modifiers with table text
+### Modifiers with table text
 
 ```js isBeta
 import React from 'react';
@@ -1215,18 +1192,18 @@ import {
 } from '@patternfly/react-table';
 
 ComposableTableText = () => {
-  const [columns, setColumns] = React.useState([
+  const columns = [
     'Truncating text',
     'Wrapping table header text. This th text will wrap instead of truncate.'
-  ]);
-  const [data, setData] = React.useState([
+  ];
+  const rows = [
     [
       <TableText wrapModifier="truncate">This text will truncate instead of wrap.</TableText>,
       <TableText wrapModifier="nowrap">
         <a href="#">This is a link that needs to be on one line and fully readable.</a>
       </TableText>
     ]
-  ]);
+  ];
   return (
     <BaseTable aria-label="Table text">
       <BaseTableHead>
@@ -1238,7 +1215,7 @@ ComposableTableText = () => {
         </BaseTableHeaderRow>
       </BaseTableHead>
       <BaseTableBody>
-        {data.map((row, rowIndex) => (
+        {rows.map((row, rowIndex) => (
           <BaseTableBodyRow key={rowIndex}>
             {row.map((cell, cellIndex) => (
               <BaseBodyCell key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
@@ -1253,7 +1230,7 @@ ComposableTableText = () => {
 };
 ```
 
-### Composable: Empty state
+### Empty state
 
 ```js isBeta
 import React from 'react';
@@ -1276,13 +1253,13 @@ import {
 } from '@patternfly/react-table';
 
 ComposableEmptyState = () => {
-  const [columns, setColumns] = React.useState([
+  const columns = [
     'Repositories',
     'Branches',
     'Pull requests',
     'Workspaces',
     'Last commit'
-  ]);
+  ];
   return (
     <React.Fragment>
       <BaseTable aria-label="Empty state">
diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index 9992f328b30..3d119895e11 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -28,45 +28,6 @@ ouia: true
 
 Note: Table lives in its own package at [@patternfly/react-table](https://www.npmjs.com/package/@patternfly/react-table)!
 
-import {
-Table,
-TableHeader,
-TableBody,
-TableText,
-sortable,
-SortByDirection,
-headerCol,
-TableVariant,
-expandable,
-compoundExpand,
-cellWidth,
-textCenter,
-wrappable,
-truncate,
-nowrap,
-breakWord,
-fitContent,
-classNames,
-Visibility,
-getErrorTextByValidator,
-cancelCellEdits,
-validateCellEdits,
-applyCellEdits,
-EditableTextCell,
-EditableSelectInputCell,
-BaseTable,
-BaseTableCaption,
-BaseTableHead,
-BaseTableBody,
-BaseTableHeaderRow,
-BaseTableBodyRow,
-BaseHeaderCell,
-BaseBodyCell,
-HeaderCellInfoWrapper
-} from '@patternfly/react-table';
-
-import { EmptyStateIcon } from '@patternfly/react-core';
-
 import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
 import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-icon';
 import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
@@ -77,7 +38,7 @@ import styles from '@patternfly/react-styles/css/components/Table/table';
 
 import DemoSortableTable from './DemoSortableTable';
 
-## Table examples
+## Examples
 
 ### Basic
 

From d9993c7595606b809d003a8584046958255f6ee4 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Thu, 22 Oct 2020 10:21:36 -0400
Subject: [PATCH 14/29] rename components

---
 .../src/components/BaseTable/BaseTable.tsx    |    28 +-
 .../BaseTable/BaseTableHeaderRow.tsx          |    28 -
 .../{BaseTableCaption.tsx => Caption.tsx}     |     8 +-
 .../{BaseTableBody.tsx => TBody.tsx}          |    12 +-
 .../BaseTable/{BaseBodyCell.tsx => Td.tsx}    |    45 +-
 .../BaseTable/{BaseHeaderCell.tsx => Th.tsx}  |    49 +-
 .../{BaseTableHead.tsx => Thead.tsx}          |    12 +-
 .../{BaseTableBodyRow.tsx => Tr.tsx}          |    23 +-
 .../src/components/BaseTable/index.ts         |    14 +-
 .../src/components/Table/BodyCell.tsx         |     6 +-
 .../src/components/Table/BodyWrapper.tsx      |     8 +-
 .../src/components/Table/HeaderCell.tsx       |     6 +-
 .../src/components/Table/RowWrapper.tsx       |     4 +-
 .../__snapshots__/RowWrapper.test.tsx.snap    |    16 +-
 .../Table/__snapshots__/Table.test.tsx.snap   | 13408 ++++++++--------
 .../src/components/Table/base/types.tsx       |    23 +-
 .../Table/examples/ComposableTable.md         |   676 +-
 17 files changed, 7138 insertions(+), 7228 deletions(-)
 delete mode 100644 packages/react-table/src/components/BaseTable/BaseTableHeaderRow.tsx
 rename packages/react-table/src/components/BaseTable/{BaseTableCaption.tsx => Caption.tsx} (60%)
 rename packages/react-table/src/components/BaseTable/{BaseTableBody.tsx => TBody.tsx} (61%)
 rename packages/react-table/src/components/BaseTable/{BaseBodyCell.tsx => Td.tsx} (79%)
 rename packages/react-table/src/components/BaseTable/{BaseHeaderCell.tsx => Th.tsx} (72%)
 rename packages/react-table/src/components/BaseTable/{BaseTableHead.tsx => Thead.tsx} (60%)
 rename packages/react-table/src/components/BaseTable/{BaseTableBodyRow.tsx => Tr.tsx} (67%)

diff --git a/packages/react-table/src/components/BaseTable/BaseTable.tsx b/packages/react-table/src/components/BaseTable/BaseTable.tsx
index b9a15b17d40..520052d4c8b 100644
--- a/packages/react-table/src/components/BaseTable/BaseTable.tsx
+++ b/packages/react-table/src/components/BaseTable/BaseTable.tsx
@@ -2,9 +2,35 @@ import * as React from 'react';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 import stylesGrid from '@patternfly/react-styles/css/components/Table/table-grid';
 import { css } from '@patternfly/react-styles';
-import { TableGridBreakpoint, TableVariant, toCamel } from '../Table';
+import { TableGridBreakpoint, TableVariant, toCamel, OnSelect } from '../Table';
+import { IVisibility } from '../Table/utils/decorators/classNames';
 import { useOUIAProps, OUIAProps } from '@patternfly/react-core';
 
+export interface BaseCellProps {
+  /** Content rendered inside the cell */
+  children?: React.ReactNode;
+  /** Additional classes added to the cell  */
+  className?: string;
+  /** Element to render */
+  component?: React.ReactNode;
+  /** Modifies cell to center its contents. */
+  textCenter?: boolean;
+  /** Style modifier to apply */
+  modifier?: 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap';
+  /** The column index */
+  columnIndex?: number;
+  /** Transforms the cell into a selectable cell - Click callback on select */
+  onSelect?: OnSelect;
+  /** Whether the cell is selected */
+  isSelected?: boolean;
+  /** Width percentage modifier */
+  width?: 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 60 | 70 | 80 | 90 | 100;
+  /** Visibility breakpoint modifiers */
+  visibility?: (keyof IVisibility)[];
+  /** Forwarded ref */
+  innerRef?: React.Ref<any>;
+}
+
 export interface BaseTableProps extends React.HTMLProps<HTMLTableElement>, OUIAProps {
   /** Adds an accessible name for the Table */
   'aria-label'?: string;
diff --git a/packages/react-table/src/components/BaseTable/BaseTableHeaderRow.tsx b/packages/react-table/src/components/BaseTable/BaseTableHeaderRow.tsx
deleted file mode 100644
index dd436a30d68..00000000000
--- a/packages/react-table/src/components/BaseTable/BaseTableHeaderRow.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import * as React from 'react';
-
-export interface BaseTableHeaderRowProps extends React.HTMLProps<HTMLTableRowElement> {
-  /** Content rendered inside the <tr> row */
-  children?: React.ReactNode;
-  /** Additional classes added to the <tr> row  */
-  className?: string;
-  /** Forwarded ref */
-  innerRef?: React.Ref<any>;
-}
-
-const BaseTableHeaderRowBase: React.FunctionComponent<BaseTableHeaderRowProps> = ({
-  children,
-  className,
-  innerRef,
-  ...props
-}: BaseTableHeaderRowProps) => (
-  <tr className={className} ref={innerRef} {...props}>
-    {children}
-  </tr>
-);
-
-export const BaseTableHeaderRow = React.forwardRef(
-  (props: BaseTableHeaderRowProps, ref: React.Ref<HTMLTableRowElement>) => (
-    <BaseTableHeaderRowBase {...props} innerRef={ref} />
-  )
-);
-BaseTableHeaderRow.displayName = 'BaseTableHeaderRow';
diff --git a/packages/react-table/src/components/BaseTable/BaseTableCaption.tsx b/packages/react-table/src/components/BaseTable/Caption.tsx
similarity index 60%
rename from packages/react-table/src/components/BaseTable/BaseTableCaption.tsx
rename to packages/react-table/src/components/BaseTable/Caption.tsx
index 5d84b68a50c..895175d9401 100644
--- a/packages/react-table/src/components/BaseTable/BaseTableCaption.tsx
+++ b/packages/react-table/src/components/BaseTable/Caption.tsx
@@ -1,19 +1,19 @@
 import * as React from 'react';
 
-export interface BaseTableCaptionProps {
+export interface CaptionProps {
   /** Content rendered inside the <caption> caption */
   children?: React.ReactNode;
   /** Additional classes added to the <caption> caption  */
   className?: string;
 }
 
-export const BaseTableCaption: React.FunctionComponent<BaseTableCaptionProps> = ({
+export const Caption: React.FunctionComponent<CaptionProps> = ({
   children,
   className,
   ...props
-}: BaseTableCaptionProps) => (
+}: CaptionProps) => (
   <caption className={className} {...props}>
     {children}
   </caption>
 );
-BaseTableCaption.displayName = 'BaseTableCaption';
+Caption.displayName = 'Caption';
diff --git a/packages/react-table/src/components/BaseTable/BaseTableBody.tsx b/packages/react-table/src/components/BaseTable/TBody.tsx
similarity index 61%
rename from packages/react-table/src/components/BaseTable/BaseTableBody.tsx
rename to packages/react-table/src/components/BaseTable/TBody.tsx
index 2ebfa422cf7..1e3f314cef6 100644
--- a/packages/react-table/src/components/BaseTable/BaseTableBody.tsx
+++ b/packages/react-table/src/components/BaseTable/TBody.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 
-export interface BaseTableBodyProps extends React.HTMLProps<HTMLTableSectionElement> {
+export interface TBodyProps extends React.HTMLProps<HTMLTableSectionElement> {
   /** Content rendered inside the <tr> row */
   children?: React.ReactNode;
   /** Additional classes added to the <tr> row  */
@@ -13,19 +13,19 @@ export interface BaseTableBodyProps extends React.HTMLProps<HTMLTableSectionElem
   innerRef?: React.Ref<any>;
 }
 
-const BaseTableBodyBase: React.FunctionComponent<BaseTableBodyProps> = ({
+const TBodyBase: React.FunctionComponent<TBodyProps> = ({
   children,
   className,
   isExpanded,
   innerRef,
   ...props
-}: BaseTableBodyProps) => (
+}: TBodyProps) => (
   <tbody role="rowgroup" className={css(className, isExpanded && styles.modifiers.expanded)} ref={innerRef} {...props}>
     {children}
   </tbody>
 );
 
-export const BaseTableBody = React.forwardRef((props: BaseTableBodyProps, ref: React.Ref<HTMLTableSectionElement>) => (
-  <BaseTableBodyBase {...props} innerRef={ref} />
+export const TBody = React.forwardRef((props: TBodyProps, ref: React.Ref<HTMLTableSectionElement>) => (
+  <TBodyBase {...props} innerRef={ref} />
 ));
-BaseTableBody.displayName = 'BaseTableBody';
+TBody.displayName = 'TBody';
diff --git a/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx b/packages/react-table/src/components/BaseTable/Td.tsx
similarity index 79%
rename from packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
rename to packages/react-table/src/components/BaseTable/Td.tsx
index 046bd097891..fd9dbe5853c 100644
--- a/packages/react-table/src/components/BaseTable/BaseBodyCell.tsx
+++ b/packages/react-table/src/components/BaseTable/Td.tsx
@@ -26,35 +26,18 @@ import {
   DropdownDirection,
   DropdownPosition
 } from '@patternfly/react-core/dist/js/components/Dropdown/dropdownConstants';
+import { BaseCellProps } from './BaseTable';
 
-export interface BaseBodyCellProps extends Omit<React.HTMLProps<HTMLTableDataCellElement>, 'onSelect'> {
-  /** Content rendered inside the <td> body cell */
-  children?: React.ReactNode;
-  /** Additional classes added to the <td> body cell  */
-  className?: string;
-  /** Element to render */
-  component?: React.ReactNode;
+export interface TdProps extends BaseCellProps, Omit<React.HTMLProps<HTMLTableDataCellElement>, 'onSelect' | 'width'> {
+  /** The selectable variant */
+  selectVariant?: 'checkbox' | 'radio';
   /**
    * The column header the cell corresponds to.
    * This attribute replaces table header in mobile viewport. It is rendered by ::before pseudo element.
    */
   dataLabel?: string;
-  /** The column index */
-  columnIndex?: number;
   /** The row index */
   rowIndex?: number;
-  /** Modifies cell to center its contents. */
-  textCenter?: boolean;
-  /** Style modifier to apply */
-  modifier?: 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap';
-  /** Transforms the cell into a selectable cell - Click callback on select */
-  onSelect?: OnSelect;
-  /** Whether the checkbox is selected */
-  isSelected?: boolean;
-  /** The selectable variant */
-  selectVariant?: 'checkbox' | 'radio';
-  /** Whether all rows are selected */
-  allRowsSelected?: boolean;
   /** Whether to disable the selection */
   disableSelection?: boolean;
   /** Cell actions */
@@ -79,15 +62,9 @@ export interface BaseBodyCellProps extends Omit<React.HTMLProps<HTMLTableDataCel
   ) => undefined;
   /** True to remove padding */
   noPadding?: boolean;
-  /** Width percentage modifier */
-  width?: 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 60 | 70 | 80 | 90 | 100;
-  /** Visibility breakpoint modifiers */
-  visibility?: (keyof IVisibility)[];
-  /** Forwarded ref */
-  innerRef?: React.Ref<any>;
 }
 
-const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
+const TdBase: React.FunctionComponent<TdProps> = ({
   children,
   className,
   component = 'td',
@@ -99,7 +76,6 @@ const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
   onSelect,
   isSelected = false,
   selectVariant = 'checkbox',
-  allRowsSelected,
   disableSelection = false,
   actions,
   actionsDisabled,
@@ -113,7 +89,7 @@ const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
   visibility,
   innerRef,
   ...props
-}: BaseBodyCellProps) => {
+}: TdProps) => {
   const selectParams = onSelect
     ? selectable(children as IFormatterValueType, {
         columnIndex,
@@ -125,8 +101,7 @@ const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
         column: {
           extraParams: {
             onSelect: onSelect as OnSelect,
-            selectVariant: selectVariant as 'checkbox' | 'radio',
-            allRowsSelected
+            selectVariant: selectVariant as 'checkbox' | 'radio'
           }
         }
       })
@@ -228,7 +203,7 @@ const BaseBodyCellBase: React.FunctionComponent<BaseBodyCellProps> = ({
   );
 };
 
-export const BaseBodyCell = React.forwardRef((props: BaseBodyCellProps, ref: React.Ref<HTMLTableDataCellElement>) => (
-  <BaseBodyCellBase {...props} innerRef={ref} />
+export const Td = React.forwardRef((props: TdProps, ref: React.Ref<HTMLTableDataCellElement>) => (
+  <TdBase {...props} innerRef={ref} />
 ));
-BaseBodyCell.displayName = 'BaseBodyCell';
+Td.displayName = 'Td';
diff --git a/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx b/packages/react-table/src/components/BaseTable/Th.tsx
similarity index 72%
rename from packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
rename to packages/react-table/src/components/BaseTable/Th.tsx
index 5de8560b3a1..01ca6d3e464 100644
--- a/packages/react-table/src/components/BaseTable/BaseHeaderCell.tsx
+++ b/packages/react-table/src/components/BaseTable/Th.tsx
@@ -16,34 +16,17 @@ import {
 } from '../Table';
 import { IVisibility } from '../Table/utils/decorators/classNames';
 import { Tooltip } from '@patternfly/react-core/dist/js/components/Tooltip/Tooltip';
+import { BaseCellProps } from './BaseTable';
 
-export interface BaseHeaderCellProps extends Omit<React.HTMLProps<HTMLTableHeaderCellElement>, 'onSelect'> {
-  /** Content rendered inside the <th> header cell */
-  children?: React.ReactNode;
-  /** Additional classes added to the <th> header cell  */
-  className?: string;
-  /** Element to render */
-  component?: React.ReactNode;
-  /** Modifies cell to center its contents. */
-  textCenter?: boolean;
+export interface ThProps extends BaseCellProps, Omit<React.HTMLProps<HTMLTableHeaderCellElement>, 'onSelect' | 'width'> {
+  /** The selectable variant */
+  selectVariant?: 'checkbox';
   /** Wraps the content in a button and adds a sort icon - Click callback on the sortable cell */
   onSort?: Function;
   /** Sort direction of the currently sorted column */
   activeSortDirection?: SortByDirection | 'asc' | 'desc' | 'none';
   /** Index of the currently sorted column */
   activeSortIndex?: number;
-  /** Adds data-label attribute */
-  dataLabel?: string;
-  /** The column index */
-  columnIndex?: number;
-  /** Style modifier to apply */
-  modifier?: 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap';
-  /** Transforms the cell into a selectable cell - Click callback on select */
-  onSelect?: OnSelect;
-  /** The selectable variant */
-  selectVariant?: 'checkbox' | 'radio';
-  /** Whether all rows are selected */
-  allRowsSelected?: boolean;
   /**
    * Tooltip to show on the header cell
    * Note: If the header cell is truncated and has simple string content, it will already attempt to display the header text
@@ -53,15 +36,9 @@ export interface BaseHeaderCellProps extends Omit<React.HTMLProps<HTMLTableHeade
   tooltip?: React.ReactNode;
   /** Callback on mouse enter */
   onMouseEnter?: (event: any) => void;
-  /** Width percentage modifier */
-  width?: 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 60 | 70 | 80 | 90 | 100;
-  /** Visibility breakpoint modifiers */
-  visibility?: (keyof IVisibility)[];
-  /** Forwarded ref */
-  innerRef?: React.Ref<any>;
 }
 
-const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
+const ThBase: React.FunctionComponent<ThProps> = ({
   children,
   className,
   component = 'th',
@@ -69,19 +46,18 @@ const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
   onSort,
   activeSortDirection = 'none',
   activeSortIndex,
-  dataLabel,
   columnIndex,
   modifier,
   onSelect,
   selectVariant = 'checkbox',
-  allRowsSelected,
+  isSelected,
   tooltip = '',
   onMouseEnter: onMouseEnterProp = () => {},
   width,
   visibility,
   innerRef,
   ...props
-}: BaseHeaderCellProps) => {
+}: ThProps) => {
   const [showTooltip, setShowTooltip] = React.useState(false);
   const onMouseEnter = (event: any) => {
     if (event.target.offsetWidth < event.target.scrollWidth) {
@@ -112,7 +88,7 @@ const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
           extraParams: {
             onSelect: onSelect as OnSelect,
             selectVariant: selectVariant as 'checkbox' | 'radio',
-            allRowsSelected
+            allRowsSelected: isSelected
           }
         }
       })
@@ -130,7 +106,6 @@ const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
       scope="col"
       aria-sort={sortParams ? (sortParams['aria-sort'] as 'none' | 'ascending' | 'descending') : null}
       ref={innerRef}
-      data-label={dataLabel || (typeof children === 'string' ? children : null)}
       data-key={columnIndex}
       className={css(
         className,
@@ -157,9 +132,9 @@ const BaseHeaderCellBase: React.FunctionComponent<BaseHeaderCellProps> = ({
   );
 };
 
-export const BaseHeaderCell = React.forwardRef(
-  (props: BaseHeaderCellProps, ref: React.Ref<HTMLTableHeaderCellElement>) => (
-    <BaseHeaderCellBase {...props} innerRef={ref} />
+export const Th = React.forwardRef(
+  (props: ThProps, ref: React.Ref<HTMLTableHeaderCellElement>) => (
+    <ThBase {...props} innerRef={ref} />
   )
 );
-BaseHeaderCell.displayName = 'BaseHeaderCell';
+Th.displayName = 'Th';
diff --git a/packages/react-table/src/components/BaseTable/BaseTableHead.tsx b/packages/react-table/src/components/BaseTable/Thead.tsx
similarity index 60%
rename from packages/react-table/src/components/BaseTable/BaseTableHead.tsx
rename to packages/react-table/src/components/BaseTable/Thead.tsx
index dca3c0f5a62..a8e40bbc5d0 100644
--- a/packages/react-table/src/components/BaseTable/BaseTableHead.tsx
+++ b/packages/react-table/src/components/BaseTable/Thead.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 
-export interface BaseTableHeadProps extends React.HTMLProps<HTMLTableSectionElement> {
+export interface THeadProps extends React.HTMLProps<HTMLTableSectionElement> {
   /** Content rendered inside the <tr> row */
   children?: React.ReactNode;
   /** Additional classes added to the <tr> row  */
@@ -13,19 +13,19 @@ export interface BaseTableHeadProps extends React.HTMLProps<HTMLTableSectionElem
   innerRef?: React.Ref<any>;
 }
 
-const BaseTableHeadBase: React.FunctionComponent<BaseTableHeadProps> = ({
+const THeadBase: React.FunctionComponent<THeadProps> = ({
   children,
   className,
   noWrap = false,
   innerRef,
   ...props
-}: BaseTableHeadProps) => (
+}: THeadProps) => (
   <thead className={css(className, noWrap && styles.modifiers.nowrap)} ref={innerRef} {...props}>
     {children}
   </thead>
 );
 
-export const BaseTableHead = React.forwardRef((props: BaseTableHeadProps, ref: React.Ref<HTMLTableSectionElement>) => (
-  <BaseTableHeadBase {...props} innerRef={ref} />
+export const THead = React.forwardRef((props: THeadProps, ref: React.Ref<HTMLTableSectionElement>) => (
+  <THeadBase {...props} innerRef={ref} />
 ));
-BaseTableHead.displayName = 'BaseTableHead';
+THead.displayName = 'THead';
diff --git a/packages/react-table/src/components/BaseTable/BaseTableBodyRow.tsx b/packages/react-table/src/components/BaseTable/Tr.tsx
similarity index 67%
rename from packages/react-table/src/components/BaseTable/BaseTableBodyRow.tsx
rename to packages/react-table/src/components/BaseTable/Tr.tsx
index 121b3ce03b1..7e90447bf38 100644
--- a/packages/react-table/src/components/BaseTable/BaseTableBodyRow.tsx
+++ b/packages/react-table/src/components/BaseTable/Tr.tsx
@@ -4,20 +4,21 @@ import styles from '@patternfly/react-styles/css/components/Table/table';
 import inlineStyles from '@patternfly/react-styles/css/components/InlineEdit/inline-edit';
 import { css } from '@patternfly/react-styles';
 
-export interface BaseTableBodyRowProps extends React.HTMLProps<HTMLTableRowElement>, OUIAProps {
+export interface TrProps extends React.HTMLProps<HTMLTableRowElement>, OUIAProps {
   /** Content rendered inside the <tr> row */
   children?: React.ReactNode;
   /** Additional classes added to the <tr> row  */
   className?: string;
-  /** Makes the row expandable and determines if it's expanded or not */
-  isExpanded?: boolean;
-  /** Whether the row is editable */
-  isEditable?: boolean;
   /** Forwarded ref */
   innerRef?: React.Ref<any>;
+
+  /** Only applicable to Tr within the TBody: Makes the row expandable and determines if it's expanded or not */
+  isExpanded?: boolean;
+  /** Only applicable to Tr within the TBody: Whether the row is editable */
+  isEditable?: boolean;
 }
 
-const BaseTableBodyRowBase: React.FunctionComponent<BaseTableBodyRowProps> = ({
+const TrBase: React.FunctionComponent<TrProps> = ({
   children,
   className,
   isExpanded,
@@ -26,7 +27,7 @@ const BaseTableBodyRowBase: React.FunctionComponent<BaseTableBodyRowProps> = ({
   ouiaId,
   ouiaSafe = true,
   ...props
-}: BaseTableBodyRowProps) => {
+}: TrProps) => {
   const ouiaProps = useOUIAProps('TableRow', ouiaId, ouiaSafe);
   return (
     <tr
@@ -46,9 +47,9 @@ const BaseTableBodyRowBase: React.FunctionComponent<BaseTableBodyRowProps> = ({
   );
 };
 
-export const BaseTableBodyRow = React.forwardRef(
-  (props: BaseTableBodyRowProps, ref: React.Ref<HTMLTableRowElement>) => (
-    <BaseTableBodyRowBase {...props} innerRef={ref} />
+export const Tr = React.forwardRef(
+  (props: TrProps, ref: React.Ref<HTMLTableRowElement>) => (
+    <TrBase {...props} innerRef={ref} />
   )
 );
-BaseTableBodyRow.displayName = 'BaseTableBodyRow';
+Tr.displayName = 'Tr';
diff --git a/packages/react-table/src/components/BaseTable/index.ts b/packages/react-table/src/components/BaseTable/index.ts
index 6dff92041a5..3bd971f040d 100644
--- a/packages/react-table/src/components/BaseTable/index.ts
+++ b/packages/react-table/src/components/BaseTable/index.ts
@@ -1,8 +1,8 @@
 export * from './BaseTable';
-export * from './BaseTableHead';
-export * from './BaseTableHeaderRow';
-export * from './BaseTableBody';
-export * from './BaseTableBodyRow';
-export * from './BaseHeaderCell';
-export * from './BaseBodyCell';
-export * from './BaseTableCaption';
+export * from './THead';
+export * from './Tr';
+export * from './TBody';
+export * from './Tr';
+export * from './Th';
+export * from './Td';
+export * from './Caption';
diff --git a/packages/react-table/src/components/Table/BodyCell.tsx b/packages/react-table/src/components/Table/BodyCell.tsx
index d775f50fa90..c6b3ba5ebfa 100644
--- a/packages/react-table/src/components/Table/BodyCell.tsx
+++ b/packages/react-table/src/components/Table/BodyCell.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Tooltip } from '@patternfly/react-core/dist/js/components/Tooltip/Tooltip';
 import { SelectProps } from '@patternfly/react-core';
-import { BaseBodyCell } from '../BaseTable/BaseBodyCell';
+import { Td } from '../BaseTable/Td';
 
 export interface BodyCellProps {
   'data-label'?: string;
@@ -65,7 +65,7 @@ export const BodyCell: React.FunctionComponent<BodyCellProps> = ({
   };
 
   const cell = (
-    <BaseBodyCell
+    <Td
       className={className}
       component={component}
       dataLabel={dataLabel && !parentId ? dataLabel : null}
@@ -75,7 +75,7 @@ export const BodyCell: React.FunctionComponent<BodyCellProps> = ({
       {...props}
     >
       {children}
-    </BaseBodyCell>
+    </Td>
   );
 
   const bodyCell =
diff --git a/packages/react-table/src/components/Table/BodyWrapper.tsx b/packages/react-table/src/components/Table/BodyWrapper.tsx
index 22ca6866b6a..e8b7f9186da 100644
--- a/packages/react-table/src/components/Table/BodyWrapper.tsx
+++ b/packages/react-table/src/components/Table/BodyWrapper.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IRow, IRowData, IExtraData, IHeaderRow } from './Table';
 import { mapOpenedRows } from './utils/headerUtils';
-import { BaseTableBody } from '../BaseTable/BaseTableBody';
+import { TBody } from '../BaseTable/TBody';
 
 export interface BodyWrapperProps {
   children?: React.ReactNode;
@@ -32,13 +32,13 @@ export const BodyWrapper: React.FunctionComponent<BodyWrapperProps> = ({
     return (
       <React.Fragment>
         {mapOpenedRows(mappedRows, props.children).map((oneRow, key) => (
-          <BaseTableBody {...props} isExpanded={oneRow.isOpen} key={`tbody-${key}`} ref={tbodyRef as React.Ref<any>}>
+          <TBody {...props} isExpanded={oneRow.isOpen} key={`tbody-${key}`} ref={tbodyRef as React.Ref<any>}>
             {oneRow.rows}
-          </BaseTableBody>
+          </TBody>
         ))}
       </React.Fragment>
     );
   }
-  return <BaseTableBody {...props} ref={tbodyRef as React.Ref<any>} />;
+  return <TBody {...props} ref={tbodyRef as React.Ref<any>} />;
 };
 BodyWrapper.displayName = 'BodyWrapper';
diff --git a/packages/react-table/src/components/Table/HeaderCell.tsx b/packages/react-table/src/components/Table/HeaderCell.tsx
index d02667ce9a9..d4ac94dde74 100644
--- a/packages/react-table/src/components/Table/HeaderCell.tsx
+++ b/packages/react-table/src/components/Table/HeaderCell.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BaseHeaderCell } from '../BaseTable/BaseHeaderCell';
+import { Th } from '../BaseTable/Th';
 
 export interface HeaderCellProps {
   'data-label'?: string;
@@ -28,7 +28,7 @@ export const HeaderCell: React.FunctionComponent<HeaderCellProps> = ({
   /* eslint-enable @typescript-eslint/no-unused-vars */
   ...props
 }: HeaderCellProps) => (
-  <BaseHeaderCell
+  <Th
     {...props}
     scope={scope}
     tooltip={tooltip}
@@ -38,6 +38,6 @@ export const HeaderCell: React.FunctionComponent<HeaderCellProps> = ({
     className={className}
   >
     {children}
-  </BaseHeaderCell>
+  </Th>
 );
 HeaderCell.displayName = 'HeaderCell';
diff --git a/packages/react-table/src/components/Table/RowWrapper.tsx b/packages/react-table/src/components/Table/RowWrapper.tsx
index 56ded4a225d..5fdc6a1b3ad 100644
--- a/packages/react-table/src/components/Table/RowWrapper.tsx
+++ b/packages/react-table/src/components/Table/RowWrapper.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { OUIAProps } from '@patternfly/react-core/dist/js/helpers/ouia';
 import { debounce } from '@patternfly/react-core/dist/js/helpers/util';
-import { BaseTableBodyRow } from '../BaseTable/BaseTableBodyRow';
+import { Tr } from '../BaseTable/Tr';
 
 // legacy export now, RowWrapperRow can simply be typed as IRow in the future
 export interface RowWrapperRow {
@@ -96,7 +96,7 @@ export class RowWrapper extends React.Component<RowWrapperProps> {
     } = this.props;
 
     return (
-      <BaseTableBodyRow
+      <Tr
         {...props}
         ref={trRef as React.Ref<any>}
         isExpanded={isExpanded}
diff --git a/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap b/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap
index e6de1dca011..5949c6955e3 100644
--- a/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap
+++ b/packages/react-table/src/components/Table/__snapshots__/RowWrapper.test.tsx.snap
@@ -37,10 +37,10 @@ exports[`RowWrapper renders correctly 1`] = `
         }
       }
     >
-      <BaseTableBodyRow
+      <Tr
         className=""
       >
-        <BaseTableBodyRowBase
+        <TrBase
           className=""
           innerRef={
             [MockFunction] {
@@ -70,8 +70,8 @@ exports[`RowWrapper renders correctly 1`] = `
             data-ouia-safe={true}
             hidden={false}
           />
-        </BaseTableBodyRowBase>
-      </BaseTableBodyRow>
+        </TrBase>
+      </Tr>
     </RowWrapper>
   </tbody>
 </table>
@@ -89,11 +89,11 @@ exports[`RowWrapper renders expanded correctly 1`] = `
       }
       rowProps={null}
     >
-      <BaseTableBodyRow
+      <Tr
         className=""
         isExpanded={true}
       >
-        <BaseTableBodyRowBase
+        <TrBase
           className=""
           innerRef={null}
           isExpanded={true}
@@ -105,8 +105,8 @@ exports[`RowWrapper renders expanded correctly 1`] = `
             data-ouia-safe={true}
             hidden={false}
           />
-        </BaseTableBodyRowBase>
-      </BaseTableBodyRow>
+        </TrBase>
+      </Tr>
     </RowWrapper>
   </tbody>
 </table>
diff --git a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
index 347cc041652..1794e237c2e 100644
--- a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
+++ b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
@@ -735,12 +735,12 @@ exports[`Actions table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -752,10 +752,10 @@ exports[`Actions table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -769,12 +769,12 @@ exports[`Actions table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -1052,11 +1052,17 @@ exports[`Actions table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-155"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -1065,7 +1071,7 @@ exports[`Actions table 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -1076,7 +1082,7 @@ exports[`Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -1148,8 +1154,8 @@ exports[`Actions table 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -1157,7 +1163,7 @@ exports[`Actions table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -1167,7 +1173,7 @@ exports[`Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -1188,8 +1194,8 @@ exports[`Actions table 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -1197,7 +1203,7 @@ exports[`Actions table 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -1207,7 +1213,7 @@ exports[`Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -1228,8 +1234,8 @@ exports[`Actions table 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -1237,7 +1243,7 @@ exports[`Actions table 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -1247,7 +1253,7 @@ exports[`Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -1268,8 +1274,8 @@ exports[`Actions table 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -1277,7 +1283,7 @@ exports[`Actions table 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -1287,7 +1293,7 @@ exports[`Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -1308,8 +1314,8 @@ exports[`Actions table 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   component="td"
@@ -1318,7 +1324,7 @@ exports[`Actions table 1`] = `
                                   key="5-header"
                                   scope=""
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="td"
                                     data-key={5}
@@ -1328,7 +1334,7 @@ exports[`Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="td"
                                       data-key={5}
@@ -1347,16 +1353,16 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         scope=""
                                       />
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -3406,12 +3412,12 @@ exports[`Actions table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -4354,10 +4360,10 @@ exports[`Actions table 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -4765,18 +4771,18 @@ exports[`Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-139"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-156"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -4788,7 +4794,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -4796,7 +4802,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -4813,8 +4819,8 @@ exports[`Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -4822,7 +4828,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -4830,7 +4836,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -4847,8 +4853,8 @@ exports[`Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -4856,7 +4862,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -4864,7 +4870,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -4881,8 +4887,8 @@ exports[`Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -4890,7 +4896,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -4898,7 +4904,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -4915,8 +4921,8 @@ exports[`Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -4924,7 +4930,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -4932,7 +4938,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -4949,8 +4955,8 @@ exports[`Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -4959,7 +4965,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -4967,7 +4973,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -5346,12 +5352,12 @@ exports[`Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -5754,18 +5760,18 @@ exports[`Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-140"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-157"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -5777,7 +5783,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -5785,7 +5791,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -5802,8 +5808,8 @@ exports[`Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -5811,7 +5817,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -5819,7 +5825,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -5836,8 +5842,8 @@ exports[`Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -5845,7 +5851,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -5853,7 +5859,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -5870,8 +5876,8 @@ exports[`Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -5879,7 +5885,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -5887,7 +5893,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -5904,8 +5910,8 @@ exports[`Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -5913,7 +5919,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -5921,7 +5927,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -5938,8 +5944,8 @@ exports[`Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -5948,7 +5954,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -5956,7 +5962,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -6335,12 +6341,12 @@ exports[`Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -6743,18 +6749,18 @@ exports[`Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-141"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-158"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -6766,7 +6772,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -6774,7 +6780,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -6791,8 +6797,8 @@ exports[`Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -6800,7 +6806,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -6808,7 +6814,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -6825,8 +6831,8 @@ exports[`Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -6834,7 +6840,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -6842,7 +6848,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -6859,8 +6865,8 @@ exports[`Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -6868,7 +6874,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -6876,7 +6882,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -6893,8 +6899,8 @@ exports[`Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -6902,7 +6908,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -6910,7 +6916,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -6927,8 +6933,8 @@ exports[`Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -6937,7 +6943,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -6945,7 +6951,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -7324,12 +7330,12 @@ exports[`Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -7732,18 +7738,18 @@ exports[`Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-142"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-159"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -7755,7 +7761,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -7763,7 +7769,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -7780,8 +7786,8 @@ exports[`Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -7789,7 +7795,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -7797,7 +7803,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -7814,8 +7820,8 @@ exports[`Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -7823,7 +7829,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -7831,7 +7837,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -7848,8 +7854,8 @@ exports[`Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -7857,7 +7863,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -7865,7 +7871,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -7882,8 +7888,8 @@ exports[`Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -7891,7 +7897,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -7899,7 +7905,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -7916,8 +7922,8 @@ exports[`Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -7926,7 +7932,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -7934,7 +7940,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -8313,12 +8319,12 @@ exports[`Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -8721,18 +8727,18 @@ exports[`Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-143"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-160"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -8744,7 +8750,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -8752,7 +8758,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -8769,8 +8775,8 @@ exports[`Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -8778,7 +8784,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -8786,7 +8792,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -8803,8 +8809,8 @@ exports[`Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -8812,7 +8818,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -8820,7 +8826,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -8837,8 +8843,8 @@ exports[`Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -8846,7 +8852,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -8854,7 +8860,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -8871,8 +8877,8 @@ exports[`Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -8880,7 +8886,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -8888,7 +8894,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -8905,8 +8911,8 @@ exports[`Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -8915,7 +8921,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -8923,7 +8929,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -9302,12 +9308,12 @@ exports[`Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -9710,18 +9716,18 @@ exports[`Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-144"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-161"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -9733,7 +9739,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -9741,7 +9747,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -9758,8 +9764,8 @@ exports[`Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -9767,7 +9773,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -9775,7 +9781,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -9792,8 +9798,8 @@ exports[`Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -9801,7 +9807,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -9809,7 +9815,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -9826,8 +9832,8 @@ exports[`Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -9835,7 +9841,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -9843,7 +9849,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -9860,8 +9866,8 @@ exports[`Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -9869,7 +9875,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -9877,7 +9883,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -9894,8 +9900,8 @@ exports[`Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -9904,7 +9910,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -9912,7 +9918,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -10291,12 +10297,12 @@ exports[`Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -10699,18 +10705,18 @@ exports[`Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-145"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-162"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -10722,7 +10728,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -10730,7 +10736,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -10747,8 +10753,8 @@ exports[`Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -10756,7 +10762,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -10764,7 +10770,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -10781,8 +10787,8 @@ exports[`Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -10790,7 +10796,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -10798,7 +10804,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -10815,8 +10821,8 @@ exports[`Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -10824,7 +10830,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -10832,7 +10838,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -10849,8 +10855,8 @@ exports[`Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -10858,7 +10864,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -10866,7 +10872,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -10883,8 +10889,8 @@ exports[`Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -10893,7 +10899,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -10901,7 +10907,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -11280,12 +11286,12 @@ exports[`Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -11688,18 +11694,18 @@ exports[`Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-146"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-163"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -11711,7 +11717,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -11719,7 +11725,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -11736,8 +11742,8 @@ exports[`Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -11745,7 +11751,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -11753,7 +11759,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -11770,8 +11776,8 @@ exports[`Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -11779,7 +11785,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -11787,7 +11793,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -11804,8 +11810,8 @@ exports[`Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -11813,7 +11819,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -11821,7 +11827,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -11838,8 +11844,8 @@ exports[`Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -11847,7 +11853,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -11855,7 +11861,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -11872,8 +11878,8 @@ exports[`Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -11882,7 +11888,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -11890,7 +11896,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -12269,12 +12275,12 @@ exports[`Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -12677,18 +12683,18 @@ exports[`Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-147"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-164"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -12700,7 +12706,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -12708,7 +12714,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -12725,8 +12731,8 @@ exports[`Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -12734,7 +12740,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -12742,7 +12748,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -12759,8 +12765,8 @@ exports[`Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -12768,7 +12774,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -12776,7 +12782,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -12793,8 +12799,8 @@ exports[`Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -12802,7 +12808,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -12810,7 +12816,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -12827,8 +12833,8 @@ exports[`Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -12836,7 +12842,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -12844,7 +12850,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -12861,8 +12867,8 @@ exports[`Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -12871,7 +12877,7 @@ exports[`Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -12879,7 +12885,7 @@ exports[`Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -13258,17 +13264,17 @@ exports[`Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -13927,12 +13933,12 @@ exports[`Cell header table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -13944,10 +13950,10 @@ exports[`Cell header table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -13961,12 +13967,12 @@ exports[`Cell header table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -14199,11 +14205,17 @@ exports[`Cell header table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-165"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -14212,7 +14224,7 @@ exports[`Cell header table 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -14223,7 +14235,7 @@ exports[`Cell header table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -14295,8 +14307,8 @@ exports[`Cell header table 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -14304,7 +14316,7 @@ exports[`Cell header table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -14314,7 +14326,7 @@ exports[`Cell header table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -14335,8 +14347,8 @@ exports[`Cell header table 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -14344,7 +14356,7 @@ exports[`Cell header table 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -14354,7 +14366,7 @@ exports[`Cell header table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -14375,8 +14387,8 @@ exports[`Cell header table 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -14384,7 +14396,7 @@ exports[`Cell header table 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -14394,7 +14406,7 @@ exports[`Cell header table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -14415,8 +14427,8 @@ exports[`Cell header table 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -14424,7 +14436,7 @@ exports[`Cell header table 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -14434,7 +14446,7 @@ exports[`Cell header table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -14455,16 +14467,16 @@ exports[`Cell header table 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -16424,12 +16436,12 @@ exports[`Cell header table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -17372,10 +17384,10 @@ exports[`Cell header table 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -17738,18 +17750,18 @@ exports[`Cell header table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-148"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-166"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -17762,7 +17774,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -17770,7 +17782,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -17791,8 +17803,8 @@ exports[`Cell header table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -17800,7 +17812,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -17808,7 +17820,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -17825,8 +17837,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -17834,7 +17846,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -17842,7 +17854,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -17859,8 +17871,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -17868,7 +17880,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -17876,7 +17888,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -17893,8 +17905,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -17902,7 +17914,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -17910,7 +17922,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -17927,12 +17939,12 @@ exports[`Cell header table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -18290,18 +18302,18 @@ exports[`Cell header table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-149"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-167"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -18314,7 +18326,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -18322,7 +18334,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -18343,8 +18355,8 @@ exports[`Cell header table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -18352,7 +18364,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -18360,7 +18372,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -18377,8 +18389,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -18386,7 +18398,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -18394,7 +18406,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -18411,8 +18423,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -18420,7 +18432,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -18428,7 +18440,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -18445,8 +18457,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -18454,7 +18466,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -18462,7 +18474,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -18479,12 +18491,12 @@ exports[`Cell header table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -18842,18 +18854,18 @@ exports[`Cell header table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-150"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-168"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -18866,7 +18878,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -18874,7 +18886,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -18895,8 +18907,8 @@ exports[`Cell header table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -18904,7 +18916,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -18912,7 +18924,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -18929,8 +18941,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -18938,7 +18950,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -18946,7 +18958,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -18963,8 +18975,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -18972,7 +18984,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -18980,7 +18992,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -18997,8 +19009,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -19006,7 +19018,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -19014,7 +19026,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -19031,12 +19043,12 @@ exports[`Cell header table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -19394,18 +19406,18 @@ exports[`Cell header table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-151"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-169"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -19418,7 +19430,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -19426,7 +19438,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -19447,8 +19459,8 @@ exports[`Cell header table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -19456,7 +19468,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -19464,7 +19476,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -19481,8 +19493,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -19490,7 +19502,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -19498,7 +19510,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -19515,8 +19527,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -19524,7 +19536,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -19532,7 +19544,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -19549,8 +19561,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -19558,7 +19570,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -19566,7 +19578,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -19583,12 +19595,12 @@ exports[`Cell header table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -19946,18 +19958,18 @@ exports[`Cell header table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-152"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-170"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -19970,7 +19982,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -19978,7 +19990,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -19999,8 +20011,8 @@ exports[`Cell header table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -20008,7 +20020,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -20016,7 +20028,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -20033,8 +20045,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -20042,7 +20054,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -20050,7 +20062,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -20067,8 +20079,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -20076,7 +20088,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -20084,7 +20096,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -20101,8 +20113,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -20110,7 +20122,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -20118,7 +20130,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -20135,12 +20147,12 @@ exports[`Cell header table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -20498,18 +20510,18 @@ exports[`Cell header table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-153"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-171"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -20522,7 +20534,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -20530,7 +20542,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -20551,8 +20563,8 @@ exports[`Cell header table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -20560,7 +20572,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -20568,7 +20580,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -20585,8 +20597,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -20594,7 +20606,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -20602,7 +20614,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -20619,8 +20631,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -20628,7 +20640,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -20636,7 +20648,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -20653,8 +20665,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -20662,7 +20674,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -20670,7 +20682,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -20687,12 +20699,12 @@ exports[`Cell header table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -21050,18 +21062,18 @@ exports[`Cell header table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-154"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-172"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -21074,7 +21086,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -21082,7 +21094,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -21103,8 +21115,8 @@ exports[`Cell header table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -21112,7 +21124,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -21120,7 +21132,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -21137,8 +21149,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -21146,7 +21158,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -21154,7 +21166,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -21171,8 +21183,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -21180,7 +21192,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -21188,7 +21200,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -21205,8 +21217,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -21214,7 +21226,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -21222,7 +21234,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -21239,12 +21251,12 @@ exports[`Cell header table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -21602,18 +21614,18 @@ exports[`Cell header table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-155"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-173"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -21626,7 +21638,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -21634,7 +21646,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -21655,8 +21667,8 @@ exports[`Cell header table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -21664,7 +21676,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -21672,7 +21684,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -21689,8 +21701,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -21698,7 +21710,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -21706,7 +21718,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -21723,8 +21735,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -21732,7 +21744,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -21740,7 +21752,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -21757,8 +21769,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -21766,7 +21778,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -21774,7 +21786,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -21791,12 +21803,12 @@ exports[`Cell header table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -22154,18 +22166,18 @@ exports[`Cell header table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-156"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-174"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -22178,7 +22190,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -22186,7 +22198,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -22207,8 +22219,8 @@ exports[`Cell header table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -22216,7 +22228,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -22224,7 +22236,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -22241,8 +22253,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -22250,7 +22262,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -22258,7 +22270,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -22275,8 +22287,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -22284,7 +22296,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -22292,7 +22304,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -22309,8 +22321,8 @@ exports[`Cell header table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -22318,7 +22330,7 @@ exports[`Cell header table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -22326,7 +22338,7 @@ exports[`Cell header table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -22343,17 +22355,17 @@ exports[`Cell header table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -23138,12 +23150,12 @@ exports[`Collapsible nested table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -23155,10 +23167,10 @@ exports[`Collapsible nested table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -23172,12 +23184,12 @@ exports[`Collapsible nested table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -23468,11 +23480,17 @@ exports[`Collapsible nested table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-190"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   component="td"
                                   data-key={0}
@@ -23480,7 +23498,7 @@ exports[`Collapsible nested table 1`] = `
                                   key="0-header"
                                   scope=""
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="td"
                                     data-key={0}
@@ -23490,7 +23508,7 @@ exports[`Collapsible nested table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="td"
                                       data-key={0}
@@ -23509,8 +23527,8 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         scope=""
                                       />
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   aria-sort="none"
@@ -23520,7 +23538,7 @@ exports[`Collapsible nested table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -23531,7 +23549,7 @@ exports[`Collapsible nested table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -23603,8 +23621,8 @@ exports[`Collapsible nested table 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -23612,7 +23630,7 @@ exports[`Collapsible nested table 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -23622,7 +23640,7 @@ exports[`Collapsible nested table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -23643,8 +23661,8 @@ exports[`Collapsible nested table 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -23652,7 +23670,7 @@ exports[`Collapsible nested table 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -23662,7 +23680,7 @@ exports[`Collapsible nested table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -23683,8 +23701,8 @@ exports[`Collapsible nested table 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -23692,7 +23710,7 @@ exports[`Collapsible nested table 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -23702,7 +23720,7 @@ exports[`Collapsible nested table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -23723,8 +23741,8 @@ exports[`Collapsible nested table 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={5}
@@ -23732,7 +23750,7 @@ exports[`Collapsible nested table 1`] = `
                                   key="5-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={5}
@@ -23742,7 +23760,7 @@ exports[`Collapsible nested table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={5}
@@ -23763,16 +23781,16 @@ exports[`Collapsible nested table 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -25872,12 +25890,12 @@ exports[`Collapsible nested table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -26832,12 +26850,12 @@ exports[`Collapsible nested table 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                       isExpanded={false}
                       key="tbody-0"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -27261,18 +27279,18 @@ exports[`Collapsible nested table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-170"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-191"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -27285,7 +27303,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__toggle"
                                         component="td"
                                         data-key={0}
@@ -27293,7 +27311,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__toggle"
                                           component="td"
                                           data-key={0}
@@ -27370,8 +27388,8 @@ exports[`Collapsible nested table 1`] = `
                                               </Button>
                                             </CollapseColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -27380,7 +27398,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -27388,7 +27406,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -27409,8 +27427,8 @@ exports[`Collapsible nested table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -27418,7 +27436,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -27426,7 +27444,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -27443,8 +27461,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -27452,7 +27470,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -27460,7 +27478,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -27477,8 +27495,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -27486,7 +27504,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -27494,7 +27512,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -27511,8 +27529,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -27520,7 +27538,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -27528,7 +27546,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -27545,12 +27563,12 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -27970,12 +27988,12 @@ exports[`Collapsible nested table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -27983,7 +28001,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-171"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-192"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -27996,7 +28014,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__toggle"
                                         component="td"
                                         data-key={0}
@@ -28004,7 +28022,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__toggle"
                                           component="td"
                                           data-key={0}
@@ -28081,8 +28099,8 @@ exports[`Collapsible nested table 1`] = `
                                               </Button>
                                             </CollapseColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -28095,7 +28113,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-1-row-1"
                                       parentId={0}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="th"
@@ -28105,7 +28123,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="th"
@@ -28130,8 +28148,8 @@ exports[`Collapsible nested table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -28143,7 +28161,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-2-row-1"
                                       parentId={0}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -28153,7 +28171,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -28174,8 +28192,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -28187,7 +28205,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-3-row-1"
                                       parentId={0}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -28197,7 +28215,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -28218,8 +28236,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -28231,7 +28249,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-4-row-1"
                                       parentId={0}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -28241,7 +28259,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -28262,8 +28280,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -28275,7 +28293,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-5-row-1"
                                       parentId={0}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -28285,7 +28303,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -28306,12 +28324,12 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -28729,12 +28747,12 @@ exports[`Collapsible nested table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -28742,7 +28760,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-172"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-193"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -28755,7 +28773,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -28763,7 +28781,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -28784,8 +28802,8 @@ exports[`Collapsible nested table 1`] = `
                                               onToggle={[Function]}
                                             />
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -28798,7 +28816,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-1-row-2"
                                       parentId={1}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="th"
@@ -28808,7 +28826,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="th"
@@ -28833,8 +28851,8 @@ exports[`Collapsible nested table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -28846,7 +28864,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-2-row-2"
                                       parentId={1}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -28856,7 +28874,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -28877,8 +28895,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -28890,7 +28908,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-3-row-2"
                                       parentId={1}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -28900,7 +28918,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -28921,8 +28939,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -28934,7 +28952,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-4-row-2"
                                       parentId={1}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -28944,7 +28962,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -28965,8 +28983,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -28978,7 +28996,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-5-row-2"
                                       parentId={1}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -28988,7 +29006,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -29009,23 +29027,23 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       isExpanded={false}
                       key="tbody-1"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -29449,18 +29467,18 @@ exports[`Collapsible nested table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-173"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-194"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -29473,7 +29491,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__toggle"
                                         component="td"
                                         data-key={0}
@@ -29481,7 +29499,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__toggle"
                                           component="td"
                                           data-key={0}
@@ -29558,8 +29576,8 @@ exports[`Collapsible nested table 1`] = `
                                               </Button>
                                             </CollapseColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -29568,7 +29586,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -29576,7 +29594,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -29597,8 +29615,8 @@ exports[`Collapsible nested table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -29606,7 +29624,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -29614,7 +29632,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -29631,8 +29649,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -29640,7 +29658,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -29648,7 +29666,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -29665,8 +29683,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -29674,7 +29692,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -29682,7 +29700,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -29699,8 +29717,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -29708,7 +29726,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -29716,7 +29734,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -29733,12 +29751,12 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -30156,12 +30174,12 @@ exports[`Collapsible nested table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -30169,7 +30187,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-174"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-195"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -30182,7 +30200,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -30190,7 +30208,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -30211,8 +30229,8 @@ exports[`Collapsible nested table 1`] = `
                                               onToggle={[Function]}
                                             />
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -30225,7 +30243,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-1-row-4"
                                       parentId={3}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="th"
@@ -30235,7 +30253,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="th"
@@ -30260,8 +30278,8 @@ exports[`Collapsible nested table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -30273,7 +30291,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-2-row-4"
                                       parentId={3}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -30283,7 +30301,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -30304,8 +30322,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -30317,7 +30335,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-3-row-4"
                                       parentId={3}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -30327,7 +30345,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -30348,8 +30366,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -30361,7 +30379,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-4-row-4"
                                       parentId={3}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -30371,7 +30389,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -30392,8 +30410,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -30405,7 +30423,7 @@ exports[`Collapsible nested table 1`] = `
                                       key="col-5-row-4"
                                       parentId={3}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -30415,7 +30433,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -30436,22 +30454,22 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-2"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -30872,18 +30890,18 @@ exports[`Collapsible nested table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-175"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-196"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -30896,7 +30914,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -30904,7 +30922,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -30925,8 +30943,8 @@ exports[`Collapsible nested table 1`] = `
                                               onToggle={[Function]}
                                             />
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -30935,7 +30953,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -30943,7 +30961,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -30964,8 +30982,8 @@ exports[`Collapsible nested table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -30973,7 +30991,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -30981,7 +30999,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -30998,8 +31016,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -31007,7 +31025,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -31015,7 +31033,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -31032,8 +31050,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -31041,7 +31059,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -31049,7 +31067,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -31066,8 +31084,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -31075,7 +31093,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -31083,7 +31101,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -31100,22 +31118,22 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-3"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -31536,18 +31554,18 @@ exports[`Collapsible nested table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-176"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-197"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -31560,7 +31578,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -31568,7 +31586,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -31589,8 +31607,8 @@ exports[`Collapsible nested table 1`] = `
                                               onToggle={[Function]}
                                             />
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -31599,7 +31617,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -31607,7 +31625,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -31628,8 +31646,8 @@ exports[`Collapsible nested table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -31637,7 +31655,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -31645,7 +31663,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -31662,8 +31680,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -31671,7 +31689,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -31679,7 +31697,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -31696,8 +31714,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -31705,7 +31723,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -31713,7 +31731,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -31730,8 +31748,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -31739,7 +31757,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -31747,7 +31765,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -31764,22 +31782,22 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-4"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -32200,18 +32218,18 @@ exports[`Collapsible nested table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-177"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-198"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -32224,7 +32242,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -32232,7 +32250,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -32253,8 +32271,8 @@ exports[`Collapsible nested table 1`] = `
                                               onToggle={[Function]}
                                             />
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -32263,7 +32281,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -32271,7 +32289,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -32292,8 +32310,8 @@ exports[`Collapsible nested table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -32301,7 +32319,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -32309,7 +32327,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -32326,8 +32344,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -32335,7 +32353,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -32343,7 +32361,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -32360,8 +32378,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -32369,7 +32387,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -32377,7 +32395,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -32394,8 +32412,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -32403,7 +32421,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -32411,7 +32429,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -32428,22 +32446,22 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-5"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -32864,18 +32882,18 @@ exports[`Collapsible nested table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-178"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-199"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -32888,7 +32906,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -32896,7 +32914,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -32917,8 +32935,8 @@ exports[`Collapsible nested table 1`] = `
                                               onToggle={[Function]}
                                             />
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -32927,7 +32945,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -32935,7 +32953,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -32956,8 +32974,8 @@ exports[`Collapsible nested table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -32965,7 +32983,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -32973,7 +32991,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -32990,8 +33008,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -32999,7 +33017,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -33007,7 +33025,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -33024,8 +33042,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -33033,7 +33051,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -33041,7 +33059,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -33058,8 +33076,8 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -33067,7 +33085,7 @@ exports[`Collapsible nested table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -33075,7 +33093,7 @@ exports[`Collapsible nested table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -33092,17 +33110,17 @@ exports[`Collapsible nested table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -33885,12 +33903,12 @@ exports[`Collapsible table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -33902,10 +33920,10 @@ exports[`Collapsible table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -33919,12 +33937,12 @@ exports[`Collapsible table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -34215,11 +34233,17 @@ exports[`Collapsible table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-175"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   component="td"
                                   data-key={0}
@@ -34227,7 +34251,7 @@ exports[`Collapsible table 1`] = `
                                   key="0-header"
                                   scope=""
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="td"
                                     data-key={0}
@@ -34237,7 +34261,7 @@ exports[`Collapsible table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="td"
                                       data-key={0}
@@ -34256,8 +34280,8 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         scope=""
                                       />
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   aria-sort="none"
@@ -34267,7 +34291,7 @@ exports[`Collapsible table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -34278,7 +34302,7 @@ exports[`Collapsible table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -34350,8 +34374,8 @@ exports[`Collapsible table 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -34359,7 +34383,7 @@ exports[`Collapsible table 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -34369,7 +34393,7 @@ exports[`Collapsible table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -34390,8 +34414,8 @@ exports[`Collapsible table 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -34399,7 +34423,7 @@ exports[`Collapsible table 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -34409,7 +34433,7 @@ exports[`Collapsible table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -34430,8 +34454,8 @@ exports[`Collapsible table 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -34439,7 +34463,7 @@ exports[`Collapsible table 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -34449,7 +34473,7 @@ exports[`Collapsible table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -34470,8 +34494,8 @@ exports[`Collapsible table 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={5}
@@ -34479,7 +34503,7 @@ exports[`Collapsible table 1`] = `
                                   key="5-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={5}
@@ -34489,7 +34513,7 @@ exports[`Collapsible table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={5}
@@ -34510,16 +34534,16 @@ exports[`Collapsible table 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -36611,12 +36635,12 @@ exports[`Collapsible table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -37567,12 +37591,12 @@ exports[`Collapsible table 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                       isExpanded={true}
                       key="tbody-0"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                         isExpanded={true}
@@ -37996,18 +38020,18 @@ exports[`Collapsible table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-157"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-176"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -38020,7 +38044,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__toggle"
                                         component="td"
                                         data-key={0}
@@ -38028,7 +38052,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__toggle"
                                           component="td"
                                           data-key={0}
@@ -38105,8 +38129,8 @@ exports[`Collapsible table 1`] = `
                                               </Button>
                                             </CollapseColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -38115,7 +38139,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -38123,7 +38147,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -38144,8 +38168,8 @@ exports[`Collapsible table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -38153,7 +38177,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -38161,7 +38185,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -38178,8 +38202,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -38187,7 +38211,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -38195,7 +38219,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -38212,8 +38236,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -38221,7 +38245,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -38229,7 +38253,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -38246,8 +38270,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -38255,7 +38279,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -38263,7 +38287,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -38280,12 +38304,12 @@ exports[`Collapsible table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -38703,12 +38727,12 @@ exports[`Collapsible table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={true}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={true}
@@ -38716,7 +38740,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row pf-m-expanded"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-158"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-177"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -38729,7 +38753,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -38737,7 +38761,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -38758,8 +38782,8 @@ exports[`Collapsible table 1`] = `
                                               onToggle={[Function]}
                                             />
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -38772,7 +38796,7 @@ exports[`Collapsible table 1`] = `
                                       key="col-1-row-1"
                                       parentId={0}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="th"
@@ -38782,7 +38806,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="th"
@@ -38807,8 +38831,8 @@ exports[`Collapsible table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -38820,7 +38844,7 @@ exports[`Collapsible table 1`] = `
                                       key="col-2-row-1"
                                       parentId={0}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -38830,7 +38854,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -38851,8 +38875,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -38864,7 +38888,7 @@ exports[`Collapsible table 1`] = `
                                       key="col-3-row-1"
                                       parentId={0}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -38874,7 +38898,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -38895,8 +38919,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -38908,7 +38932,7 @@ exports[`Collapsible table 1`] = `
                                       key="col-4-row-1"
                                       parentId={0}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -38918,7 +38942,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -38939,8 +38963,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -38952,7 +38976,7 @@ exports[`Collapsible table 1`] = `
                                       key="col-5-row-1"
                                       parentId={0}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -38962,7 +38986,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -38983,22 +39007,22 @@ exports[`Collapsible table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-1"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -39419,18 +39443,18 @@ exports[`Collapsible table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-159"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-178"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -39443,7 +39467,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -39451,7 +39475,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -39472,8 +39496,8 @@ exports[`Collapsible table 1`] = `
                                               onToggle={[Function]}
                                             />
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -39482,7 +39506,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -39490,7 +39514,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -39511,8 +39535,8 @@ exports[`Collapsible table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -39520,7 +39544,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -39528,7 +39552,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -39545,8 +39569,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -39554,7 +39578,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -39562,7 +39586,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -39579,8 +39603,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -39588,7 +39612,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -39596,7 +39620,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -39613,8 +39637,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -39622,7 +39646,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -39630,7 +39654,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -39647,23 +39671,23 @@ exports[`Collapsible table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       isExpanded={false}
                       key="tbody-2"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -40087,18 +40111,18 @@ exports[`Collapsible table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-160"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-179"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -40111,7 +40135,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__toggle"
                                         component="td"
                                         data-key={0}
@@ -40119,7 +40143,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__toggle"
                                           component="td"
                                           data-key={0}
@@ -40196,8 +40220,8 @@ exports[`Collapsible table 1`] = `
                                               </Button>
                                             </CollapseColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -40206,7 +40230,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -40214,7 +40238,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -40235,8 +40259,8 @@ exports[`Collapsible table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -40244,7 +40268,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -40252,7 +40276,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -40269,8 +40293,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -40278,7 +40302,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -40286,7 +40310,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -40303,8 +40327,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -40312,7 +40336,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -40320,7 +40344,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -40337,8 +40361,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -40346,7 +40370,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -40354,7 +40378,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -40371,12 +40395,12 @@ exports[`Collapsible table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -40794,12 +40818,12 @@ exports[`Collapsible table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -40807,7 +40831,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-161"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-180"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -40820,7 +40844,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -40828,7 +40852,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -40849,8 +40873,8 @@ exports[`Collapsible table 1`] = `
                                               onToggle={[Function]}
                                             />
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -40863,7 +40887,7 @@ exports[`Collapsible table 1`] = `
                                       key="col-1-row-4"
                                       parentId={3}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="th"
@@ -40873,7 +40897,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="th"
@@ -40898,8 +40922,8 @@ exports[`Collapsible table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -40911,7 +40935,7 @@ exports[`Collapsible table 1`] = `
                                       key="col-2-row-4"
                                       parentId={3}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -40921,7 +40945,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -40942,8 +40966,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -40955,7 +40979,7 @@ exports[`Collapsible table 1`] = `
                                       key="col-3-row-4"
                                       parentId={3}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -40965,7 +40989,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -40986,8 +41010,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -40999,7 +41023,7 @@ exports[`Collapsible table 1`] = `
                                       key="col-4-row-4"
                                       parentId={3}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -41009,7 +41033,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -41030,8 +41054,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className=""
@@ -41043,7 +41067,7 @@ exports[`Collapsible table 1`] = `
                                       key="col-5-row-4"
                                       parentId={3}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         colSpan={1}
                                         component="td"
@@ -41053,7 +41077,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           colSpan={1}
                                           component="td"
@@ -41074,22 +41098,22 @@ exports[`Collapsible table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-3"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -41510,18 +41534,18 @@ exports[`Collapsible table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-162"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-181"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -41534,7 +41558,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -41542,7 +41566,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -41563,8 +41587,8 @@ exports[`Collapsible table 1`] = `
                                               onToggle={[Function]}
                                             />
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -41573,7 +41597,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -41581,7 +41605,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -41602,8 +41626,8 @@ exports[`Collapsible table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -41611,7 +41635,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -41619,7 +41643,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -41636,8 +41660,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -41645,7 +41669,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -41653,7 +41677,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -41670,8 +41694,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -41679,7 +41703,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -41687,7 +41711,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -41704,8 +41728,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -41713,7 +41737,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -41721,7 +41745,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -41738,22 +41762,22 @@ exports[`Collapsible table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-4"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -42174,18 +42198,18 @@ exports[`Collapsible table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-163"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-182"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -42198,7 +42222,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -42206,7 +42230,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -42227,8 +42251,8 @@ exports[`Collapsible table 1`] = `
                                               onToggle={[Function]}
                                             />
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -42237,7 +42261,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -42245,7 +42269,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -42266,8 +42290,8 @@ exports[`Collapsible table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -42275,7 +42299,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -42283,7 +42307,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -42300,8 +42324,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -42309,7 +42333,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -42317,7 +42341,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -42334,8 +42358,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -42343,7 +42367,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -42351,7 +42375,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -42368,8 +42392,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -42377,7 +42401,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -42385,7 +42409,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -42402,22 +42426,22 @@ exports[`Collapsible table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-5"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -42838,18 +42862,18 @@ exports[`Collapsible table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-164"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-183"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -42862,7 +42886,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -42870,7 +42894,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -42891,8 +42915,8 @@ exports[`Collapsible table 1`] = `
                                               onToggle={[Function]}
                                             />
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -42901,7 +42925,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -42909,7 +42933,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -42930,8 +42954,8 @@ exports[`Collapsible table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -42939,7 +42963,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -42947,7 +42971,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -42964,8 +42988,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -42973,7 +42997,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -42981,7 +43005,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -42998,8 +43022,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -43007,7 +43031,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -43015,7 +43039,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -43032,8 +43056,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -43041,7 +43065,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -43049,7 +43073,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -43066,22 +43090,22 @@ exports[`Collapsible table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-6"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -43502,18 +43526,18 @@ exports[`Collapsible table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-165"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-184"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -43526,7 +43550,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -43534,7 +43558,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -43555,8 +43579,8 @@ exports[`Collapsible table 1`] = `
                                               onToggle={[Function]}
                                             />
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -43565,7 +43589,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -43573,7 +43597,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -43594,8 +43618,8 @@ exports[`Collapsible table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -43603,7 +43627,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -43611,7 +43635,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -43628,8 +43652,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -43637,7 +43661,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -43645,7 +43669,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -43662,8 +43686,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -43671,7 +43695,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -43679,7 +43703,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -43696,8 +43720,8 @@ exports[`Collapsible table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -43705,7 +43729,7 @@ exports[`Collapsible table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -43713,7 +43737,7 @@ exports[`Collapsible table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -43730,17 +43754,17 @@ exports[`Collapsible table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -44116,12 +44140,12 @@ exports[`Compound Expandable table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -44133,10 +44157,10 @@ exports[`Compound Expandable table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -44150,12 +44174,12 @@ exports[`Compound Expandable table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -44260,18 +44284,24 @@ exports[`Compound Expandable table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-185"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   data-key={0}
                                   data-label="col1"
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={0}
@@ -44281,7 +44311,7 @@ exports[`Compound Expandable table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={0}
@@ -44302,8 +44332,8 @@ exports[`Compound Expandable table 1`] = `
                                       >
                                         col1
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -44311,7 +44341,7 @@ exports[`Compound Expandable table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -44321,7 +44351,7 @@ exports[`Compound Expandable table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -44342,16 +44372,16 @@ exports[`Compound Expandable table 1`] = `
                                       >
                                         col2
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -45057,12 +45087,12 @@ exports[`Compound Expandable table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -45355,12 +45385,12 @@ exports[`Compound Expandable table 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                       isExpanded={true}
                       key="tbody-0"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                         isExpanded={true}
@@ -45574,18 +45604,18 @@ exports[`Compound Expandable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-166"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-186"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -45599,7 +45629,7 @@ exports[`Compound Expandable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__compound-expansion-toggle pf-m-expanded"
                                         component="td"
                                         data-key={0}
@@ -45607,7 +45637,7 @@ exports[`Compound Expandable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__compound-expansion-toggle pf-m-expanded"
                                           component="td"
                                           data-key={0}
@@ -45637,8 +45667,8 @@ exports[`Compound Expandable table 1`] = `
                                               </TableText>
                                             </button>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__compound-expansion-toggle"
@@ -45648,7 +45678,7 @@ exports[`Compound Expandable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__compound-expansion-toggle"
                                         component="td"
                                         data-key={1}
@@ -45656,7 +45686,7 @@ exports[`Compound Expandable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__compound-expansion-toggle"
                                           component="td"
                                           data-key={1}
@@ -45686,12 +45716,12 @@ exports[`Compound Expandable table 1`] = `
                                               </TableText>
                                             </button>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -45873,12 +45903,12 @@ exports[`Compound Expandable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={true}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={true}
@@ -45886,7 +45916,7 @@ exports[`Compound Expandable table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row pf-m-expanded"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-167"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-187"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -45902,7 +45932,7 @@ exports[`Compound Expandable table 1`] = `
                                       key="col-0-row-1"
                                       parentId={0}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__compound-expansion-toggle"
                                         colSpan={2}
                                         component="td"
@@ -45912,7 +45942,7 @@ exports[`Compound Expandable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__compound-expansion-toggle"
                                           colSpan={2}
                                           component="td"
@@ -45933,8 +45963,8 @@ exports[`Compound Expandable table 1`] = `
                                           >
                                             expanded
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -45943,19 +45973,19 @@ exports[`Compound Expandable table 1`] = `
                                       parentId={0}
                                     />
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       isExpanded={false}
                       key="tbody-1"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -46169,18 +46199,18 @@ exports[`Compound Expandable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-168"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-188"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -46194,7 +46224,7 @@ exports[`Compound Expandable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__compound-expansion-toggle"
                                         component="td"
                                         data-key={0}
@@ -46202,7 +46232,7 @@ exports[`Compound Expandable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__compound-expansion-toggle"
                                           component="td"
                                           data-key={0}
@@ -46232,8 +46262,8 @@ exports[`Compound Expandable table 1`] = `
                                               </TableText>
                                             </button>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__compound-expansion-toggle"
@@ -46243,7 +46273,7 @@ exports[`Compound Expandable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__compound-expansion-toggle"
                                         component="td"
                                         data-key={1}
@@ -46251,7 +46281,7 @@ exports[`Compound Expandable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__compound-expansion-toggle"
                                           component="td"
                                           data-key={1}
@@ -46281,12 +46311,12 @@ exports[`Compound Expandable table 1`] = `
                                               </TableText>
                                             </button>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -46468,12 +46498,12 @@ exports[`Compound Expandable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -46481,7 +46511,7 @@ exports[`Compound Expandable table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-169"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-189"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -46497,7 +46527,7 @@ exports[`Compound Expandable table 1`] = `
                                       key="col-0-row-3"
                                       parentId={2}
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__compound-expansion-toggle"
                                         colSpan={2}
                                         component="td"
@@ -46507,7 +46537,7 @@ exports[`Compound Expandable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__compound-expansion-toggle"
                                           colSpan={2}
                                           component="td"
@@ -46528,8 +46558,8 @@ exports[`Compound Expandable table 1`] = `
                                           >
                                             expanded
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -46538,13 +46568,13 @@ exports[`Compound Expandable table 1`] = `
                                       parentId={2}
                                     />
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -47238,12 +47268,12 @@ exports[`Control text table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -47255,10 +47285,10 @@ exports[`Control text table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -47272,12 +47302,12 @@ exports[`Control text table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -47515,11 +47545,17 @@ exports[`Control text table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-220"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   className="pf-m-nowrap"
                                   data-key={0}
@@ -47527,7 +47563,7 @@ exports[`Control text table 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className="pf-m-nowrap"
                                     component="th"
                                     data-key={0}
@@ -47537,7 +47573,7 @@ exports[`Control text table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className="pf-m-nowrap"
                                       component="th"
                                       data-key={0}
@@ -47558,8 +47594,8 @@ exports[`Control text table 1`] = `
                                       >
                                         Header cell
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   className="pf-m-wrap"
@@ -47568,7 +47604,7 @@ exports[`Control text table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className="pf-m-wrap"
                                     component="th"
                                     data-key={1}
@@ -47578,7 +47614,7 @@ exports[`Control text table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className="pf-m-wrap"
                                       component="th"
                                       data-key={1}
@@ -47599,8 +47635,8 @@ exports[`Control text table 1`] = `
                                       >
                                         new object column
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   className="pf-m-break-word"
@@ -47609,7 +47645,7 @@ exports[`Control text table 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className="pf-m-break-word"
                                     component="th"
                                     data-key={2}
@@ -47619,7 +47655,7 @@ exports[`Control text table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className="pf-m-break-word"
                                       component="th"
                                       data-key={2}
@@ -47640,8 +47676,8 @@ exports[`Control text table 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   className="pf-m-truncate"
@@ -47650,7 +47686,7 @@ exports[`Control text table 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className="pf-m-truncate"
                                     component="th"
                                     data-key={3}
@@ -47660,7 +47696,7 @@ exports[`Control text table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className="pf-m-truncate"
                                       component="th"
                                       data-key={3}
@@ -47681,8 +47717,8 @@ exports[`Control text table 1`] = `
                                       >
                                         new object column
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   className="pf-m-fit-content"
@@ -47691,7 +47727,7 @@ exports[`Control text table 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className="pf-m-fit-content"
                                     component="th"
                                     data-key={4}
@@ -47701,7 +47737,7 @@ exports[`Control text table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className="pf-m-fit-content"
                                       component="th"
                                       data-key={4}
@@ -47722,16 +47758,16 @@ exports[`Control text table 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -49536,12 +49572,12 @@ exports[`Control text table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -50370,12 +50406,12 @@ exports[`Control text table 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                       isExpanded={false}
                       key="tbody-0"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -50732,18 +50768,18 @@ exports[`Control text table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-197"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-221"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -50756,7 +50792,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -50764,7 +50800,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -50785,8 +50821,8 @@ exports[`Control text table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -50794,7 +50830,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -50802,7 +50838,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -50819,8 +50855,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -50828,7 +50864,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -50836,7 +50872,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -50853,8 +50889,8 @@ exports[`Control text table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -50862,7 +50898,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -50870,7 +50906,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -50887,8 +50923,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -50896,7 +50932,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -50904,7 +50940,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -50921,12 +50957,12 @@ exports[`Control text table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -51279,12 +51315,12 @@ exports[`Control text table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -51292,7 +51328,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-198"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-222"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -51305,7 +51341,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -51313,7 +51349,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -51334,8 +51370,8 @@ exports[`Control text table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -51343,7 +51379,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -51351,7 +51387,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -51368,8 +51404,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -51377,7 +51413,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -51385,7 +51421,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -51402,8 +51438,8 @@ exports[`Control text table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -51411,7 +51447,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -51419,7 +51455,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -51436,8 +51472,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -51445,7 +51481,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -51453,7 +51489,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -51470,12 +51506,12 @@ exports[`Control text table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -51826,12 +51862,12 @@ exports[`Control text table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -51839,7 +51875,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-199"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-223"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -51852,7 +51888,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -51860,7 +51896,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -51881,8 +51917,8 @@ exports[`Control text table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -51890,7 +51926,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -51898,7 +51934,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -51915,8 +51951,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -51924,7 +51960,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -51932,7 +51968,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -51949,8 +51985,8 @@ exports[`Control text table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -51958,7 +51994,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -51966,7 +52002,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -51983,8 +52019,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -51992,7 +52028,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -52000,7 +52036,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -52017,23 +52053,23 @@ exports[`Control text table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       isExpanded={false}
                       key="tbody-1"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -52390,18 +52426,18 @@ exports[`Control text table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-200"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-224"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -52414,7 +52450,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -52422,7 +52458,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -52443,8 +52479,8 @@ exports[`Control text table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -52452,7 +52488,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -52460,7 +52496,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -52477,8 +52513,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -52486,7 +52522,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -52494,7 +52530,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -52511,8 +52547,8 @@ exports[`Control text table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -52520,7 +52556,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -52528,7 +52564,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -52545,8 +52581,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -52554,7 +52590,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -52562,7 +52598,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -52579,12 +52615,12 @@ exports[`Control text table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -52935,12 +52971,12 @@ exports[`Control text table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -52948,7 +52984,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-201"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-225"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -52961,7 +52997,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -52969,7 +53005,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -52990,8 +53026,8 @@ exports[`Control text table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -52999,7 +53035,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -53007,7 +53043,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -53024,8 +53060,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -53033,7 +53069,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -53041,7 +53077,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -53058,8 +53094,8 @@ exports[`Control text table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -53067,7 +53103,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -53075,7 +53111,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -53092,8 +53128,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -53101,7 +53137,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -53109,7 +53145,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -53126,22 +53162,22 @@ exports[`Control text table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-2"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -53495,18 +53531,18 @@ exports[`Control text table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-202"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-226"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -53519,7 +53555,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -53527,7 +53563,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -53548,8 +53584,8 @@ exports[`Control text table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -53557,7 +53593,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -53565,7 +53601,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -53582,8 +53618,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -53591,7 +53627,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -53599,7 +53635,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -53616,8 +53652,8 @@ exports[`Control text table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -53625,7 +53661,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -53633,7 +53669,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -53650,8 +53686,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -53659,7 +53695,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -53667,7 +53703,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -53684,22 +53720,22 @@ exports[`Control text table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-3"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -54053,18 +54089,18 @@ exports[`Control text table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-203"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-227"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -54077,7 +54113,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -54085,7 +54121,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -54106,8 +54142,8 @@ exports[`Control text table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -54115,7 +54151,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -54123,7 +54159,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -54140,8 +54176,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -54149,7 +54185,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -54157,7 +54193,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -54174,8 +54210,8 @@ exports[`Control text table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -54183,7 +54219,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -54191,7 +54227,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -54208,8 +54244,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -54217,7 +54253,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -54225,7 +54261,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -54242,22 +54278,22 @@ exports[`Control text table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-4"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -54611,18 +54647,18 @@ exports[`Control text table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-204"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-228"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -54635,7 +54671,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -54643,7 +54679,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -54664,8 +54700,8 @@ exports[`Control text table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -54673,7 +54709,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -54681,7 +54717,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -54698,8 +54734,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -54707,7 +54743,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -54715,7 +54751,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -54732,8 +54768,8 @@ exports[`Control text table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -54741,7 +54777,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -54749,7 +54785,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -54766,8 +54802,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -54775,7 +54811,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -54783,7 +54819,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -54800,22 +54836,22 @@ exports[`Control text table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-5"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -55169,18 +55205,18 @@ exports[`Control text table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-205"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-229"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -55193,7 +55229,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -55201,7 +55237,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -55222,8 +55258,8 @@ exports[`Control text table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -55231,7 +55267,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -55239,7 +55275,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -55256,8 +55292,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -55265,7 +55301,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -55273,7 +55309,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -55290,8 +55326,8 @@ exports[`Control text table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -55299,7 +55335,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -55307,7 +55343,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -55324,8 +55360,8 @@ exports[`Control text table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -55333,7 +55369,7 @@ exports[`Control text table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -55341,7 +55377,7 @@ exports[`Control text table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -55358,17 +55394,17 @@ exports[`Control text table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -56000,12 +56036,12 @@ exports[`Editable table 1`] = `
                           "cell": [Function],
                           "row": Object {
                             "$$typeof": Symbol(react.forward_ref),
-                            "displayName": "BaseTableHeaderRow",
+                            "displayName": "Tr",
                             "render": [Function],
                           },
                           "wrapper": Object {
                             "$$typeof": Symbol(react.forward_ref),
-                            "displayName": "BaseTableHead",
+                            "displayName": "THead",
                             "render": [Function],
                           },
                         },
@@ -56017,10 +56053,10 @@ exports[`Editable table 1`] = `
                       }
                     }
                   >
-                    <BaseTableHead
+                    <THead
                       className=""
                     >
-                      <BaseTableHeadBase
+                      <THeadBase
                         className=""
                         innerRef={null}
                       >
@@ -56034,12 +56070,12 @@ exports[`Editable table 1`] = `
                                 "cell": [Function],
                                 "row": Object {
                                   "$$typeof": Symbol(react.forward_ref),
-                                  "displayName": "BaseTableHeaderRow",
+                                  "displayName": "Tr",
                                   "render": [Function],
                                 },
                                 "wrapper": Object {
                                   "$$typeof": Symbol(react.forward_ref),
-                                  "displayName": "BaseTableHead",
+                                  "displayName": "THead",
                                   "render": [Function],
                                 },
                               }
@@ -56271,18 +56307,24 @@ exports[`Editable table 1`] = `
                             }
                             rowIndex={0}
                           >
-                            <BaseTableHeaderRow>
-                              <BaseTableHeaderRowBase
+                            <Tr>
+                              <TrBase
                                 innerRef={null}
                               >
-                                <tr>
+                                <tr
+                                  className=""
+                                  data-ouia-component-id="OUIA-Generated-TableRow-31"
+                                  data-ouia-component-type="PF4/TableRow"
+                                  data-ouia-safe={true}
+                                  hidden={false}
+                                >
                                   <HeaderCell
                                     data-key={0}
                                     data-label="Text input col 1"
                                     key="0-header"
                                     scope="col"
                                   >
-                                    <BaseHeaderCell
+                                    <Th
                                       className=""
                                       component="th"
                                       data-key={0}
@@ -56292,7 +56334,7 @@ exports[`Editable table 1`] = `
                                       textCenter={false}
                                       tooltip=""
                                     >
-                                      <BaseHeaderCellBase
+                                      <ThBase
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -56313,8 +56355,8 @@ exports[`Editable table 1`] = `
                                         >
                                           Text input col 1
                                         </th>
-                                      </BaseHeaderCellBase>
-                                    </BaseHeaderCell>
+                                      </ThBase>
+                                    </Th>
                                   </HeaderCell>
                                   <HeaderCell
                                     data-key={1}
@@ -56322,7 +56364,7 @@ exports[`Editable table 1`] = `
                                     key="1-header"
                                     scope="col"
                                   >
-                                    <BaseHeaderCell
+                                    <Th
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -56332,7 +56374,7 @@ exports[`Editable table 1`] = `
                                       textCenter={false}
                                       tooltip=""
                                     >
-                                      <BaseHeaderCellBase
+                                      <ThBase
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -56353,8 +56395,8 @@ exports[`Editable table 1`] = `
                                         >
                                           Disabled text input col 2
                                         </th>
-                                      </BaseHeaderCellBase>
-                                    </BaseHeaderCell>
+                                      </ThBase>
+                                    </Th>
                                   </HeaderCell>
                                   <HeaderCell
                                     data-key={2}
@@ -56362,7 +56404,7 @@ exports[`Editable table 1`] = `
                                     key="2-header"
                                     scope="col"
                                   >
-                                    <BaseHeaderCell
+                                    <Th
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -56372,7 +56414,7 @@ exports[`Editable table 1`] = `
                                       textCenter={false}
                                       tooltip=""
                                     >
-                                      <BaseHeaderCellBase
+                                      <ThBase
                                         className=""
                                         component="th"
                                         data-key={2}
@@ -56393,8 +56435,8 @@ exports[`Editable table 1`] = `
                                         >
                                           Text input col 3
                                         </th>
-                                      </BaseHeaderCellBase>
-                                    </BaseHeaderCell>
+                                      </ThBase>
+                                    </Th>
                                   </HeaderCell>
                                   <HeaderCell
                                     data-key={3}
@@ -56402,7 +56444,7 @@ exports[`Editable table 1`] = `
                                     key="3-header"
                                     scope="col"
                                   >
-                                    <BaseHeaderCell
+                                    <Th
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -56412,7 +56454,7 @@ exports[`Editable table 1`] = `
                                       textCenter={false}
                                       tooltip=""
                                     >
-                                      <BaseHeaderCellBase
+                                      <ThBase
                                         className=""
                                         component="th"
                                         data-key={3}
@@ -56433,8 +56475,8 @@ exports[`Editable table 1`] = `
                                         >
                                           Text input col 4
                                         </th>
-                                      </BaseHeaderCellBase>
-                                    </BaseHeaderCell>
+                                      </ThBase>
+                                    </Th>
                                   </HeaderCell>
                                   <HeaderCell
                                     data-key={4}
@@ -56442,7 +56484,7 @@ exports[`Editable table 1`] = `
                                     key="4-header"
                                     scope=""
                                   >
-                                    <BaseHeaderCell
+                                    <Th
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -56452,7 +56494,7 @@ exports[`Editable table 1`] = `
                                       textCenter={false}
                                       tooltip=""
                                     >
-                                      <BaseHeaderCellBase
+                                      <ThBase
                                         className=""
                                         component="th"
                                         data-key={4}
@@ -56471,16 +56513,16 @@ exports[`Editable table 1`] = `
                                           onMouseEnter={[Function]}
                                           scope=""
                                         />
-                                      </BaseHeaderCellBase>
-                                    </BaseHeaderCell>
+                                      </ThBase>
+                                    </Th>
                                   </HeaderCell>
                                 </tr>
-                              </BaseTableHeaderRowBase>
-                            </BaseTableHeaderRow>
+                              </TrBase>
+                            </Tr>
                           </HeaderRow>
                         </thead>
-                      </BaseTableHeadBase>
-                    </BaseTableHead>
+                      </THeadBase>
+                    </THead>
                   </BaseHeader>
                 </Header>
               </ContextHeader>
@@ -57796,12 +57838,12 @@ exports[`Editable table 1`] = `
                           "cell": [Function],
                           "row": Object {
                             "$$typeof": Symbol(react.forward_ref),
-                            "displayName": "BaseTableHeaderRow",
+                            "displayName": "Tr",
                             "render": [Function],
                           },
                           "wrapper": Object {
                             "$$typeof": Symbol(react.forward_ref),
-                            "displayName": "BaseTableHead",
+                            "displayName": "THead",
                             "render": [Function],
                           },
                         },
@@ -58326,10 +58368,10 @@ exports[`Editable table 1`] = `
                         ]
                       }
                     >
-                      <BaseTableBody
+                      <TBody
                         className=""
                       >
-                        <BaseTableBodyBase
+                        <TBodyBase
                           className=""
                           innerRef={null}
                         >
@@ -58839,12 +58881,12 @@ exports[`Editable table 1`] = `
                                   }
                                 }
                               >
-                                <BaseTableBodyRow
+                                <Tr
                                   className=""
                                   isEditable={true}
                                   onMouseDown={[Function]}
                                 >
-                                  <BaseTableBodyRowBase
+                                  <TrBase
                                     className=""
                                     innerRef={null}
                                     isEditable={true}
@@ -58852,7 +58894,7 @@ exports[`Editable table 1`] = `
                                   >
                                     <tr
                                       className="pf-m-inline-editable"
-                                      data-ouia-component-id="OUIA-Generated-TableRow-28"
+                                      data-ouia-component-id="OUIA-Generated-TableRow-32"
                                       data-ouia-component-type="PF4/TableRow"
                                       data-ouia-safe={true}
                                       hidden={false}
@@ -58866,7 +58908,7 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow1Cell1"
                                         value="Row 1 cell 1 content"
                                       >
-                                        <BaseBodyCell
+                                        <Td
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -58874,7 +58916,7 @@ exports[`Editable table 1`] = `
                                           onMouseEnter={[Function]}
                                           textCenter={false}
                                         >
-                                          <BaseBodyCellBase
+                                          <TdBase
                                             className=""
                                             component="td"
                                             data-key={0}
@@ -58953,8 +58995,8 @@ exports[`Editable table 1`] = `
                                                 </div>
                                               </EditableTextCell>
                                             </td>
-                                          </BaseBodyCellBase>
-                                        </BaseBodyCell>
+                                          </TdBase>
+                                        </Td>
                                       </BodyCell>
                                       <BodyCell
                                         data-key={1}
@@ -58964,7 +59006,7 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow1Cell2"
                                         value="Row 1 cell 2, disabled content"
                                       >
-                                        <BaseBodyCell
+                                        <Td
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -58972,7 +59014,7 @@ exports[`Editable table 1`] = `
                                           onMouseEnter={[Function]}
                                           textCenter={false}
                                         >
-                                          <BaseBodyCellBase
+                                          <TdBase
                                             className=""
                                             component="td"
                                             data-key={1}
@@ -59052,8 +59094,8 @@ exports[`Editable table 1`] = `
                                                 </div>
                                               </EditableTextCell>
                                             </td>
-                                          </BaseBodyCellBase>
-                                        </BaseBodyCell>
+                                          </TdBase>
+                                        </Td>
                                       </BodyCell>
                                       <BodyCell
                                         data-key={2}
@@ -59063,7 +59105,7 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow1Cell3"
                                         value="Row 1 cell 3 content"
                                       >
-                                        <BaseBodyCell
+                                        <Td
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -59071,7 +59113,7 @@ exports[`Editable table 1`] = `
                                           onMouseEnter={[Function]}
                                           textCenter={false}
                                         >
-                                          <BaseBodyCellBase
+                                          <TdBase
                                             className=""
                                             component="td"
                                             data-key={2}
@@ -59150,8 +59192,8 @@ exports[`Editable table 1`] = `
                                                 </div>
                                               </EditableTextCell>
                                             </td>
-                                          </BaseBodyCellBase>
-                                        </BaseBodyCell>
+                                          </TdBase>
+                                        </Td>
                                       </BodyCell>
                                       <BodyCell
                                         data-key={3}
@@ -59161,7 +59203,7 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow1Cell4"
                                         value="Row 1 cell 4 content"
                                       >
-                                        <BaseBodyCell
+                                        <Td
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -59169,7 +59211,7 @@ exports[`Editable table 1`] = `
                                           onMouseEnter={[Function]}
                                           textCenter={false}
                                         >
-                                          <BaseBodyCellBase
+                                          <TdBase
                                             className=""
                                             component="td"
                                             data-key={3}
@@ -59248,8 +59290,8 @@ exports[`Editable table 1`] = `
                                                 </div>
                                               </EditableTextCell>
                                             </td>
-                                          </BaseBodyCellBase>
-                                        </BaseBodyCell>
+                                          </TdBase>
+                                        </Td>
                                       </BodyCell>
                                       <BodyCell
                                         className="pf-c-table__inline-edit-action"
@@ -59259,7 +59301,7 @@ exports[`Editable table 1`] = `
                                         isVisible={true}
                                         key="col-4-row-0"
                                       >
-                                        <BaseBodyCell
+                                        <Td
                                           className="pf-c-table__inline-edit-action"
                                           component="td"
                                           data-key={4}
@@ -59267,7 +59309,7 @@ exports[`Editable table 1`] = `
                                           onMouseEnter={[Function]}
                                           textCenter={false}
                                         >
-                                          <BaseBodyCellBase
+                                          <TdBase
                                             className="pf-c-table__inline-edit-action"
                                             component="td"
                                             data-key={4}
@@ -59436,12 +59478,12 @@ exports[`Editable table 1`] = `
                                                 </div>
                                               </EditColumn>
                                             </td>
-                                          </BaseBodyCellBase>
-                                        </BaseBodyCell>
+                                          </TdBase>
+                                        </Td>
                                       </BodyCell>
                                     </tr>
-                                  </BaseTableBodyRowBase>
-                                </BaseTableBodyRow>
+                                  </TrBase>
+                                </Tr>
                               </RowWrapper>
                             </BodyRow>
                             <BodyRow
@@ -59946,12 +59988,12 @@ exports[`Editable table 1`] = `
                                   }
                                 }
                               >
-                                <BaseTableBodyRow
+                                <Tr
                                   className=""
                                   isEditable={false}
                                   onMouseDown={[Function]}
                                 >
-                                  <BaseTableBodyRowBase
+                                  <TrBase
                                     className=""
                                     innerRef={null}
                                     isEditable={false}
@@ -59959,7 +60001,7 @@ exports[`Editable table 1`] = `
                                   >
                                     <tr
                                       className=""
-                                      data-ouia-component-id="OUIA-Generated-TableRow-29"
+                                      data-ouia-component-id="OUIA-Generated-TableRow-33"
                                       data-ouia-component-type="PF4/TableRow"
                                       data-ouia-safe={true}
                                       hidden={false}
@@ -59973,7 +60015,7 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow2Cell1"
                                         value="Row 2 cell 1 content"
                                       >
-                                        <BaseBodyCell
+                                        <Td
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -59981,7 +60023,7 @@ exports[`Editable table 1`] = `
                                           onMouseEnter={[Function]}
                                           textCenter={false}
                                         >
-                                          <BaseBodyCellBase
+                                          <TdBase
                                             className=""
                                             component="td"
                                             data-key={0}
@@ -60060,8 +60102,8 @@ exports[`Editable table 1`] = `
                                                 </div>
                                               </EditableTextCell>
                                             </td>
-                                          </BaseBodyCellBase>
-                                        </BaseBodyCell>
+                                          </TdBase>
+                                        </Td>
                                       </BodyCell>
                                       <BodyCell
                                         data-key={1}
@@ -60071,7 +60113,7 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow2Cell2"
                                         value="Row 2 cell 2, disabled content"
                                       >
-                                        <BaseBodyCell
+                                        <Td
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -60079,7 +60121,7 @@ exports[`Editable table 1`] = `
                                           onMouseEnter={[Function]}
                                           textCenter={false}
                                         >
-                                          <BaseBodyCellBase
+                                          <TdBase
                                             className=""
                                             component="td"
                                             data-key={1}
@@ -60159,8 +60201,8 @@ exports[`Editable table 1`] = `
                                                 </div>
                                               </EditableTextCell>
                                             </td>
-                                          </BaseBodyCellBase>
-                                        </BaseBodyCell>
+                                          </TdBase>
+                                        </Td>
                                       </BodyCell>
                                       <BodyCell
                                         data-key={2}
@@ -60170,7 +60212,7 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow2Cell3"
                                         value="Row 2 cell 3 content"
                                       >
-                                        <BaseBodyCell
+                                        <Td
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -60178,7 +60220,7 @@ exports[`Editable table 1`] = `
                                           onMouseEnter={[Function]}
                                           textCenter={false}
                                         >
-                                          <BaseBodyCellBase
+                                          <TdBase
                                             className=""
                                             component="td"
                                             data-key={2}
@@ -60257,8 +60299,8 @@ exports[`Editable table 1`] = `
                                                 </div>
                                               </EditableTextCell>
                                             </td>
-                                          </BaseBodyCellBase>
-                                        </BaseBodyCell>
+                                          </TdBase>
+                                        </Td>
                                       </BodyCell>
                                       <BodyCell
                                         data-key={3}
@@ -60268,7 +60310,7 @@ exports[`Editable table 1`] = `
                                         name="uniqueIdRow2Cell4"
                                         value="Row 2 cell 4 content"
                                       >
-                                        <BaseBodyCell
+                                        <Td
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -60276,7 +60318,7 @@ exports[`Editable table 1`] = `
                                           onMouseEnter={[Function]}
                                           textCenter={false}
                                         >
-                                          <BaseBodyCellBase
+                                          <TdBase
                                             className=""
                                             component="td"
                                             data-key={3}
@@ -60355,8 +60397,8 @@ exports[`Editable table 1`] = `
                                                 </div>
                                               </EditableTextCell>
                                             </td>
-                                          </BaseBodyCellBase>
-                                        </BaseBodyCell>
+                                          </TdBase>
+                                        </Td>
                                       </BodyCell>
                                       <BodyCell
                                         className="pf-c-table__inline-edit-action"
@@ -60366,7 +60408,7 @@ exports[`Editable table 1`] = `
                                         isVisible={true}
                                         key="col-4-row-1"
                                       >
-                                        <BaseBodyCell
+                                        <Td
                                           className="pf-c-table__inline-edit-action"
                                           component="td"
                                           data-key={4}
@@ -60374,7 +60416,7 @@ exports[`Editable table 1`] = `
                                           onMouseEnter={[Function]}
                                           textCenter={false}
                                         >
-                                          <BaseBodyCellBase
+                                          <TdBase
                                             className="pf-c-table__inline-edit-action"
                                             component="td"
                                             data-key={4}
@@ -60543,17 +60585,17 @@ exports[`Editable table 1`] = `
                                                 </div>
                                               </EditColumn>
                                             </td>
-                                          </BaseBodyCellBase>
-                                        </BaseBodyCell>
+                                          </TdBase>
+                                        </Td>
                                       </BodyCell>
                                     </tr>
-                                  </BaseTableBodyRowBase>
-                                </BaseTableBodyRow>
+                                  </TrBase>
+                                </Tr>
                               </RowWrapper>
                             </BodyRow>
                           </tbody>
-                        </BaseTableBodyBase>
-                      </BaseTableBody>
+                        </TBodyBase>
+                      </TBody>
                     </BodyWrapper>
                   </BaseBody>
                 </Body>
@@ -61234,12 +61276,12 @@ exports[`Header width table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -61251,10 +61293,10 @@ exports[`Header width table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -61268,12 +61310,12 @@ exports[`Header width table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -61509,11 +61551,17 @@ exports[`Header width table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-230"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   className="pf-m-width-10"
                                   data-key={0}
@@ -61521,7 +61569,7 @@ exports[`Header width table 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className="pf-m-width-10"
                                     component="th"
                                     data-key={0}
@@ -61531,7 +61579,7 @@ exports[`Header width table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className="pf-m-width-10"
                                       component="th"
                                       data-key={0}
@@ -61552,8 +61600,8 @@ exports[`Header width table 1`] = `
                                       >
                                         Header cell
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -61561,7 +61609,7 @@ exports[`Header width table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -61571,7 +61619,7 @@ exports[`Header width table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -61592,8 +61640,8 @@ exports[`Header width table 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   className="pf-m-width-30"
@@ -61602,7 +61650,7 @@ exports[`Header width table 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className="pf-m-width-30"
                                     component="th"
                                     data-key={2}
@@ -61612,7 +61660,7 @@ exports[`Header width table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className="pf-m-width-30"
                                       component="th"
                                       data-key={2}
@@ -61633,8 +61681,8 @@ exports[`Header width table 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -61642,7 +61690,7 @@ exports[`Header width table 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -61652,7 +61700,7 @@ exports[`Header width table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -61673,8 +61721,8 @@ exports[`Header width table 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   className=""
@@ -61683,7 +61731,7 @@ exports[`Header width table 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -61693,7 +61741,7 @@ exports[`Header width table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -61714,16 +61762,16 @@ exports[`Header width table 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -63713,12 +63761,12 @@ exports[`Header width table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -64673,12 +64721,12 @@ exports[`Header width table 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                       isExpanded={false}
                       key="tbody-0"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -65047,18 +65095,18 @@ exports[`Header width table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-206"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-231"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -65071,7 +65119,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -65079,7 +65127,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -65100,8 +65148,8 @@ exports[`Header width table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -65109,7 +65157,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -65117,7 +65165,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -65134,8 +65182,8 @@ exports[`Header width table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -65143,7 +65191,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -65151,7 +65199,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -65168,8 +65216,8 @@ exports[`Header width table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -65177,7 +65225,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -65185,7 +65233,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -65202,8 +65250,8 @@ exports[`Header width table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -65211,7 +65259,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -65219,7 +65267,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -65236,12 +65284,12 @@ exports[`Header width table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -65606,12 +65654,12 @@ exports[`Header width table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -65619,7 +65667,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-207"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-232"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -65632,7 +65680,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -65640,7 +65688,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -65661,8 +65709,8 @@ exports[`Header width table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -65670,7 +65718,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -65678,7 +65726,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -65695,8 +65743,8 @@ exports[`Header width table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -65704,7 +65752,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -65712,7 +65760,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -65729,8 +65777,8 @@ exports[`Header width table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -65738,7 +65786,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -65746,7 +65794,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -65763,8 +65811,8 @@ exports[`Header width table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -65772,7 +65820,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -65780,7 +65828,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -65797,12 +65845,12 @@ exports[`Header width table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -66165,12 +66213,12 @@ exports[`Header width table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -66178,7 +66226,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-208"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-233"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -66191,7 +66239,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -66199,7 +66247,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -66220,8 +66268,8 @@ exports[`Header width table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -66229,7 +66277,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -66237,7 +66285,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -66254,8 +66302,8 @@ exports[`Header width table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -66263,7 +66311,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -66271,7 +66319,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -66288,8 +66336,8 @@ exports[`Header width table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -66297,7 +66345,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -66305,7 +66353,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -66322,8 +66370,8 @@ exports[`Header width table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -66331,7 +66379,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -66339,7 +66387,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -66356,23 +66404,23 @@ exports[`Header width table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       isExpanded={false}
                       key="tbody-1"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -66741,18 +66789,18 @@ exports[`Header width table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-209"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-234"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -66765,7 +66813,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -66773,7 +66821,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -66794,8 +66842,8 @@ exports[`Header width table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -66803,7 +66851,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -66811,7 +66859,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -66828,8 +66876,8 @@ exports[`Header width table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -66837,7 +66885,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -66845,7 +66893,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -66862,8 +66910,8 @@ exports[`Header width table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -66871,7 +66919,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -66879,7 +66927,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -66896,8 +66944,8 @@ exports[`Header width table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -66905,7 +66953,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -66913,7 +66961,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -66930,12 +66978,12 @@ exports[`Header width table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -67298,12 +67346,12 @@ exports[`Header width table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -67311,7 +67359,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-210"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-235"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -67324,7 +67372,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -67332,7 +67380,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -67353,8 +67401,8 @@ exports[`Header width table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -67362,7 +67410,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -67370,7 +67418,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -67387,8 +67435,8 @@ exports[`Header width table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -67396,7 +67444,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -67404,7 +67452,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -67421,8 +67469,8 @@ exports[`Header width table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -67430,7 +67478,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -67438,7 +67486,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -67455,8 +67503,8 @@ exports[`Header width table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -67464,7 +67512,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -67472,7 +67520,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -67489,22 +67537,22 @@ exports[`Header width table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-2"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -67870,18 +67918,18 @@ exports[`Header width table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-211"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-236"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -67894,7 +67942,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -67902,7 +67950,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -67923,8 +67971,8 @@ exports[`Header width table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -67932,7 +67980,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -67940,7 +67988,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -67957,8 +68005,8 @@ exports[`Header width table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -67966,7 +68014,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -67974,7 +68022,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -67991,8 +68039,8 @@ exports[`Header width table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -68000,7 +68048,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -68008,7 +68056,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -68025,8 +68073,8 @@ exports[`Header width table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -68034,7 +68082,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -68042,7 +68090,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -68059,22 +68107,22 @@ exports[`Header width table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-3"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -68440,18 +68488,18 @@ exports[`Header width table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-212"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-237"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -68464,7 +68512,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -68472,7 +68520,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -68493,8 +68541,8 @@ exports[`Header width table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -68502,7 +68550,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -68510,7 +68558,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -68527,8 +68575,8 @@ exports[`Header width table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -68536,7 +68584,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -68544,7 +68592,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -68561,8 +68609,8 @@ exports[`Header width table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -68570,7 +68618,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -68578,7 +68626,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -68595,8 +68643,8 @@ exports[`Header width table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -68604,7 +68652,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -68612,7 +68660,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -68629,22 +68677,22 @@ exports[`Header width table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-4"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -69010,18 +69058,18 @@ exports[`Header width table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-213"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-238"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -69034,7 +69082,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -69042,7 +69090,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -69063,8 +69111,8 @@ exports[`Header width table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -69072,7 +69120,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -69080,7 +69128,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -69097,8 +69145,8 @@ exports[`Header width table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -69106,7 +69154,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -69114,7 +69162,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -69131,8 +69179,8 @@ exports[`Header width table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -69140,7 +69188,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -69148,7 +69196,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -69165,8 +69213,8 @@ exports[`Header width table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -69174,7 +69222,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -69182,7 +69230,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -69199,22 +69247,22 @@ exports[`Header width table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-5"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -69580,18 +69628,18 @@ exports[`Header width table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-214"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-239"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -69604,7 +69652,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={0}
@@ -69612,7 +69660,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={0}
@@ -69633,8 +69681,8 @@ exports[`Header width table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -69642,7 +69690,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -69650,7 +69698,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -69667,8 +69715,8 @@ exports[`Header width table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -69676,7 +69724,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -69684,7 +69732,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -69701,8 +69749,8 @@ exports[`Header width table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -69710,7 +69758,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -69718,7 +69766,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -69735,8 +69783,8 @@ exports[`Header width table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -69744,7 +69792,7 @@ exports[`Header width table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -69752,7 +69800,7 @@ exports[`Header width table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -69769,17 +69817,17 @@ exports[`Header width table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -70433,12 +70481,12 @@ exports[`Row click table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -70450,10 +70498,10 @@ exports[`Row click table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -70467,12 +70515,12 @@ exports[`Row click table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -70704,11 +70752,17 @@ exports[`Row click table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-44"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -70717,7 +70771,7 @@ exports[`Row click table 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -70728,7 +70782,7 @@ exports[`Row click table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -70800,8 +70854,8 @@ exports[`Row click table 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -70809,7 +70863,7 @@ exports[`Row click table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -70819,7 +70873,7 @@ exports[`Row click table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -70840,8 +70894,8 @@ exports[`Row click table 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -70849,7 +70903,7 @@ exports[`Row click table 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -70859,7 +70913,7 @@ exports[`Row click table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -70880,8 +70934,8 @@ exports[`Row click table 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -70889,7 +70943,7 @@ exports[`Row click table 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -70899,7 +70953,7 @@ exports[`Row click table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -70920,8 +70974,8 @@ exports[`Row click table 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -70929,7 +70983,7 @@ exports[`Row click table 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -70939,7 +70993,7 @@ exports[`Row click table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -70960,16 +71014,16 @@ exports[`Row click table 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -72929,12 +72983,12 @@ exports[`Row click table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -73877,10 +73931,10 @@ exports[`Row click table 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -74242,18 +74296,18 @@ exports[`Row click table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-39"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-45"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -74265,7 +74319,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -74273,7 +74327,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -74290,8 +74344,8 @@ exports[`Row click table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -74299,7 +74353,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -74307,7 +74361,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -74324,8 +74378,8 @@ exports[`Row click table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -74333,7 +74387,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -74341,7 +74395,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -74358,8 +74412,8 @@ exports[`Row click table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -74367,7 +74421,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -74375,7 +74429,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -74392,8 +74446,8 @@ exports[`Row click table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -74401,7 +74455,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -74409,7 +74463,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -74426,12 +74480,12 @@ exports[`Row click table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -74788,18 +74842,18 @@ exports[`Row click table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-40"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-46"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -74811,7 +74865,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -74819,7 +74873,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -74836,8 +74890,8 @@ exports[`Row click table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -74845,7 +74899,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -74853,7 +74907,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -74870,8 +74924,8 @@ exports[`Row click table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -74879,7 +74933,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -74887,7 +74941,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -74904,8 +74958,8 @@ exports[`Row click table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -74913,7 +74967,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -74921,7 +74975,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -74938,8 +74992,8 @@ exports[`Row click table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -74947,7 +75001,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -74955,7 +75009,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -74972,12 +75026,12 @@ exports[`Row click table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -75334,18 +75388,18 @@ exports[`Row click table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-41"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-47"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -75357,7 +75411,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -75365,7 +75419,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -75382,8 +75436,8 @@ exports[`Row click table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -75391,7 +75445,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -75399,7 +75453,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -75416,8 +75470,8 @@ exports[`Row click table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -75425,7 +75479,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -75433,7 +75487,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -75450,8 +75504,8 @@ exports[`Row click table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -75459,7 +75513,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -75467,7 +75521,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -75484,8 +75538,8 @@ exports[`Row click table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -75493,7 +75547,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -75501,7 +75555,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -75518,12 +75572,12 @@ exports[`Row click table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -75880,18 +75934,18 @@ exports[`Row click table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-42"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-48"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -75903,7 +75957,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -75911,7 +75965,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -75928,8 +75982,8 @@ exports[`Row click table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -75937,7 +75991,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -75945,7 +75999,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -75962,8 +76016,8 @@ exports[`Row click table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -75971,7 +76025,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -75979,7 +76033,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -75996,8 +76050,8 @@ exports[`Row click table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -76005,7 +76059,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -76013,7 +76067,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -76030,8 +76084,8 @@ exports[`Row click table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -76039,7 +76093,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -76047,7 +76101,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -76064,12 +76118,12 @@ exports[`Row click table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -76426,18 +76480,18 @@ exports[`Row click table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-43"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-49"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -76449,7 +76503,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -76457,7 +76511,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -76474,8 +76528,8 @@ exports[`Row click table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -76483,7 +76537,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -76491,7 +76545,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -76508,8 +76562,8 @@ exports[`Row click table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -76517,7 +76571,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -76525,7 +76579,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -76542,8 +76596,8 @@ exports[`Row click table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -76551,7 +76605,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -76559,7 +76613,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -76576,8 +76630,8 @@ exports[`Row click table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -76585,7 +76639,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -76593,7 +76647,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -76610,12 +76664,12 @@ exports[`Row click table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -76972,18 +77026,18 @@ exports[`Row click table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-44"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-50"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -76995,7 +77049,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -77003,7 +77057,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -77020,8 +77074,8 @@ exports[`Row click table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -77029,7 +77083,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -77037,7 +77091,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -77054,8 +77108,8 @@ exports[`Row click table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -77063,7 +77117,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -77071,7 +77125,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -77088,8 +77142,8 @@ exports[`Row click table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -77097,7 +77151,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -77105,7 +77159,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -77122,8 +77176,8 @@ exports[`Row click table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -77131,7 +77185,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -77139,7 +77193,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -77156,12 +77210,12 @@ exports[`Row click table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -77518,18 +77572,18 @@ exports[`Row click table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-45"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-51"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -77541,7 +77595,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -77549,7 +77603,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -77566,8 +77620,8 @@ exports[`Row click table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -77575,7 +77629,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -77583,7 +77637,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -77600,8 +77654,8 @@ exports[`Row click table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -77609,7 +77663,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -77617,7 +77671,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -77634,8 +77688,8 @@ exports[`Row click table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -77643,7 +77697,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -77651,7 +77705,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -77668,8 +77722,8 @@ exports[`Row click table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -77677,7 +77731,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -77685,7 +77739,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -77702,12 +77756,12 @@ exports[`Row click table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -78064,18 +78118,18 @@ exports[`Row click table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-46"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-52"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -78087,7 +78141,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -78095,7 +78149,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -78112,8 +78166,8 @@ exports[`Row click table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -78121,7 +78175,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -78129,7 +78183,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -78146,8 +78200,8 @@ exports[`Row click table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -78155,7 +78209,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -78163,7 +78217,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -78180,8 +78234,8 @@ exports[`Row click table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -78189,7 +78243,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -78197,7 +78251,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -78214,8 +78268,8 @@ exports[`Row click table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -78223,7 +78277,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -78231,7 +78285,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -78248,12 +78302,12 @@ exports[`Row click table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -78610,18 +78664,18 @@ exports[`Row click table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-47"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-53"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -78633,7 +78687,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -78641,7 +78695,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -78658,8 +78712,8 @@ exports[`Row click table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -78667,7 +78721,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -78675,7 +78729,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -78692,8 +78746,8 @@ exports[`Row click table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -78701,7 +78755,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -78709,7 +78763,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -78726,8 +78780,8 @@ exports[`Row click table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -78735,7 +78789,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -78743,7 +78797,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -78760,8 +78814,8 @@ exports[`Row click table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -78769,7 +78823,7 @@ exports[`Row click table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -78777,7 +78831,7 @@ exports[`Row click table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -78794,17 +78848,17 @@ exports[`Row click table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -79567,12 +79621,12 @@ exports[`Selectable table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -79584,10 +79638,10 @@ exports[`Selectable table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -79601,12 +79655,12 @@ exports[`Selectable table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -79886,11 +79940,17 @@ exports[`Selectable table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-200"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   className="pf-c-table__check"
                                   component="td"
@@ -79900,7 +79960,7 @@ exports[`Selectable table 1`] = `
                                   key="0-header"
                                   scope=""
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className="pf-c-table__check"
                                     component="td"
                                     data-key={0}
@@ -79910,7 +79970,7 @@ exports[`Selectable table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className="pf-c-table__check"
                                       component="td"
                                       data-key={0}
@@ -79945,8 +80005,8 @@ exports[`Selectable table 1`] = `
                                           />
                                         </SelectColumn>
                                       </td>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   aria-sort="none"
@@ -79956,7 +80016,7 @@ exports[`Selectable table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -79967,7 +80027,7 @@ exports[`Selectable table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -80039,8 +80099,8 @@ exports[`Selectable table 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -80048,7 +80108,7 @@ exports[`Selectable table 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -80058,7 +80118,7 @@ exports[`Selectable table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -80079,8 +80139,8 @@ exports[`Selectable table 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -80088,7 +80148,7 @@ exports[`Selectable table 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -80098,7 +80158,7 @@ exports[`Selectable table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -80119,8 +80179,8 @@ exports[`Selectable table 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -80128,7 +80188,7 @@ exports[`Selectable table 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -80138,7 +80198,7 @@ exports[`Selectable table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -80159,8 +80219,8 @@ exports[`Selectable table 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={5}
@@ -80168,7 +80228,7 @@ exports[`Selectable table 1`] = `
                                   key="5-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={5}
@@ -80178,7 +80238,7 @@ exports[`Selectable table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={5}
@@ -80199,16 +80259,16 @@ exports[`Selectable table 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -82286,12 +82346,12 @@ exports[`Selectable table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -83246,12 +83306,12 @@ exports[`Selectable table 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                       isExpanded={false}
                       key="tbody-0"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -83664,18 +83724,18 @@ exports[`Selectable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-179"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-201"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -83689,7 +83749,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__check"
                                         component="td"
                                         data-key={0}
@@ -83697,7 +83757,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__check"
                                           component="td"
                                           data-key={0}
@@ -83728,8 +83788,8 @@ exports[`Selectable table 1`] = `
                                               />
                                             </SelectColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -83738,7 +83798,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -83746,7 +83806,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -83767,8 +83827,8 @@ exports[`Selectable table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -83776,7 +83836,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -83784,7 +83844,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -83801,8 +83861,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -83810,7 +83870,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -83818,7 +83878,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -83835,8 +83895,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -83844,7 +83904,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -83852,7 +83912,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -83869,8 +83929,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -83878,7 +83938,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -83886,7 +83946,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -83903,12 +83963,12 @@ exports[`Selectable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -84317,12 +84377,12 @@ exports[`Selectable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -84330,7 +84390,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-180"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-202"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -84343,7 +84403,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -84351,7 +84411,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -84366,8 +84426,8 @@ exports[`Selectable table 1`] = `
                                             data-label={null}
                                             onMouseEnter={[Function]}
                                           />
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -84376,7 +84436,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -84384,7 +84444,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -84405,8 +84465,8 @@ exports[`Selectable table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -84414,7 +84474,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -84422,7 +84482,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -84439,8 +84499,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -84448,7 +84508,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -84456,7 +84516,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -84473,8 +84533,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -84482,7 +84542,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -84490,7 +84550,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -84507,8 +84567,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -84516,7 +84576,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -84524,7 +84584,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -84541,12 +84601,12 @@ exports[`Selectable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -84953,12 +85013,12 @@ exports[`Selectable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -84966,7 +85026,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-181"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-203"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -84979,7 +85039,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -84987,7 +85047,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -85002,8 +85062,8 @@ exports[`Selectable table 1`] = `
                                             data-label={null}
                                             onMouseEnter={[Function]}
                                           />
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -85012,7 +85072,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -85020,7 +85080,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -85041,8 +85101,8 @@ exports[`Selectable table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -85050,7 +85110,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -85058,7 +85118,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -85075,8 +85135,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -85084,7 +85144,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -85092,7 +85152,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -85109,8 +85169,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -85118,7 +85178,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -85126,7 +85186,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -85143,8 +85203,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -85152,7 +85212,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -85160,7 +85220,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -85177,23 +85237,23 @@ exports[`Selectable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       isExpanded={false}
                       key="tbody-1"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -85606,18 +85666,18 @@ exports[`Selectable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-182"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-204"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -85631,7 +85691,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__check"
                                         component="td"
                                         data-key={0}
@@ -85639,7 +85699,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__check"
                                           component="td"
                                           data-key={0}
@@ -85670,8 +85730,8 @@ exports[`Selectable table 1`] = `
                                               />
                                             </SelectColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -85680,7 +85740,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -85688,7 +85748,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -85709,8 +85769,8 @@ exports[`Selectable table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -85718,7 +85778,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -85726,7 +85786,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -85743,8 +85803,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -85752,7 +85812,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -85760,7 +85820,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -85777,8 +85837,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -85786,7 +85846,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -85794,7 +85854,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -85811,8 +85871,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -85820,7 +85880,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -85828,7 +85888,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -85845,12 +85905,12 @@ exports[`Selectable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -86257,12 +86317,12 @@ exports[`Selectable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -86270,7 +86330,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-183"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-205"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -86283,7 +86343,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -86291,7 +86351,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -86306,8 +86366,8 @@ exports[`Selectable table 1`] = `
                                             data-label={null}
                                             onMouseEnter={[Function]}
                                           />
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -86316,7 +86376,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -86324,7 +86384,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -86345,8 +86405,8 @@ exports[`Selectable table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -86354,7 +86414,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -86362,7 +86422,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -86379,8 +86439,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -86388,7 +86448,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -86396,7 +86456,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -86413,8 +86473,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -86422,7 +86482,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -86430,7 +86490,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -86447,8 +86507,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -86456,7 +86516,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -86464,7 +86524,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -86481,22 +86541,22 @@ exports[`Selectable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-2"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -86906,18 +86966,18 @@ exports[`Selectable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-184"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-206"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -86931,7 +86991,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__check"
                                         component="td"
                                         data-key={0}
@@ -86939,7 +86999,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__check"
                                           component="td"
                                           data-key={0}
@@ -86970,8 +87030,8 @@ exports[`Selectable table 1`] = `
                                               />
                                             </SelectColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -86980,7 +87040,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -86988,7 +87048,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -87009,8 +87069,8 @@ exports[`Selectable table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -87018,7 +87078,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -87026,7 +87086,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -87043,8 +87103,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -87052,7 +87112,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -87060,7 +87120,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -87077,8 +87137,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -87086,7 +87146,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -87094,7 +87154,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -87111,8 +87171,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -87120,7 +87180,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -87128,7 +87188,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -87145,22 +87205,22 @@ exports[`Selectable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-3"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -87570,18 +87630,18 @@ exports[`Selectable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-185"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-207"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -87595,7 +87655,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__check"
                                         component="td"
                                         data-key={0}
@@ -87603,7 +87663,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__check"
                                           component="td"
                                           data-key={0}
@@ -87634,8 +87694,8 @@ exports[`Selectable table 1`] = `
                                               />
                                             </SelectColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -87644,7 +87704,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -87652,7 +87712,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -87673,8 +87733,8 @@ exports[`Selectable table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -87682,7 +87742,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -87690,7 +87750,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -87707,8 +87767,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -87716,7 +87776,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -87724,7 +87784,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -87741,8 +87801,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -87750,7 +87810,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -87758,7 +87818,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -87775,8 +87835,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -87784,7 +87844,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -87792,7 +87852,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -87809,22 +87869,22 @@ exports[`Selectable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-4"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -88234,18 +88294,18 @@ exports[`Selectable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-186"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-208"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -88259,7 +88319,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__check"
                                         component="td"
                                         data-key={0}
@@ -88267,7 +88327,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__check"
                                           component="td"
                                           data-key={0}
@@ -88298,8 +88358,8 @@ exports[`Selectable table 1`] = `
                                               />
                                             </SelectColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -88308,7 +88368,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -88316,7 +88376,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -88337,8 +88397,8 @@ exports[`Selectable table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -88346,7 +88406,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -88354,7 +88414,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -88371,8 +88431,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -88380,7 +88440,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -88388,7 +88448,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -88405,8 +88465,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -88414,7 +88474,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -88422,7 +88482,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -88439,8 +88499,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -88448,7 +88508,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -88456,7 +88516,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -88473,22 +88533,22 @@ exports[`Selectable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-5"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -88898,18 +88958,18 @@ exports[`Selectable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-187"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-209"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -88923,7 +88983,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__check"
                                         component="td"
                                         data-key={0}
@@ -88931,7 +88991,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__check"
                                           component="td"
                                           data-key={0}
@@ -88962,8 +89022,8 @@ exports[`Selectable table 1`] = `
                                               />
                                             </SelectColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -88972,7 +89032,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -88980,7 +89040,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -89001,8 +89061,8 @@ exports[`Selectable table 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -89010,7 +89070,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -89018,7 +89078,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -89035,8 +89095,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -89044,7 +89104,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -89052,7 +89112,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -89069,8 +89129,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -89078,7 +89138,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -89086,7 +89146,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -89103,8 +89163,8 @@ exports[`Selectable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -89112,7 +89172,7 @@ exports[`Selectable table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -89120,7 +89180,7 @@ exports[`Selectable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -89137,17 +89197,17 @@ exports[`Selectable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -89908,12 +89968,12 @@ exports[`Selectable table with Radio 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -89925,10 +89985,10 @@ exports[`Selectable table with Radio 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -89942,12 +90002,12 @@ exports[`Selectable table with Radio 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -90226,18 +90286,24 @@ exports[`Selectable table with Radio 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-210"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   data-key={0}
                                   data-label=""
                                   key="0-header"
                                   scope=""
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={0}
@@ -90247,7 +90313,7 @@ exports[`Selectable table with Radio 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={0}
@@ -90266,8 +90332,8 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         scope=""
                                       />
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   aria-sort="none"
@@ -90277,7 +90343,7 @@ exports[`Selectable table with Radio 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -90288,7 +90354,7 @@ exports[`Selectable table with Radio 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -90360,8 +90426,8 @@ exports[`Selectable table with Radio 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -90369,7 +90435,7 @@ exports[`Selectable table with Radio 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -90379,7 +90445,7 @@ exports[`Selectable table with Radio 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -90400,8 +90466,8 @@ exports[`Selectable table with Radio 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -90409,7 +90475,7 @@ exports[`Selectable table with Radio 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -90419,7 +90485,7 @@ exports[`Selectable table with Radio 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -90440,8 +90506,8 @@ exports[`Selectable table with Radio 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -90449,7 +90515,7 @@ exports[`Selectable table with Radio 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -90459,7 +90525,7 @@ exports[`Selectable table with Radio 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -90480,8 +90546,8 @@ exports[`Selectable table with Radio 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={5}
@@ -90489,7 +90555,7 @@ exports[`Selectable table with Radio 1`] = `
                                   key="5-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={5}
@@ -90499,7 +90565,7 @@ exports[`Selectable table with Radio 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={5}
@@ -90520,16 +90586,16 @@ exports[`Selectable table with Radio 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -92605,12 +92671,12 @@ exports[`Selectable table with Radio 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -93565,12 +93631,12 @@ exports[`Selectable table with Radio 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                       isExpanded={false}
                       key="tbody-0"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -93982,18 +94048,18 @@ exports[`Selectable table with Radio 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-188"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-211"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -94007,7 +94073,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__check"
                                         component="td"
                                         data-key={0}
@@ -94015,7 +94081,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__check"
                                           component="td"
                                           data-key={0}
@@ -94046,8 +94112,8 @@ exports[`Selectable table with Radio 1`] = `
                                               />
                                             </SelectColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -94056,7 +94122,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -94064,7 +94130,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -94085,8 +94151,8 @@ exports[`Selectable table with Radio 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -94094,7 +94160,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -94102,7 +94168,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -94119,8 +94185,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -94128,7 +94194,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -94136,7 +94202,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -94153,8 +94219,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -94162,7 +94228,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -94170,7 +94236,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -94187,8 +94253,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -94196,7 +94262,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -94204,7 +94270,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -94221,12 +94287,12 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -94634,12 +94700,12 @@ exports[`Selectable table with Radio 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -94647,7 +94713,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-189"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-212"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -94660,7 +94726,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -94668,7 +94734,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -94683,8 +94749,8 @@ exports[`Selectable table with Radio 1`] = `
                                             data-label={null}
                                             onMouseEnter={[Function]}
                                           />
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -94693,7 +94759,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -94701,7 +94767,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -94722,8 +94788,8 @@ exports[`Selectable table with Radio 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -94731,7 +94797,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -94739,7 +94805,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -94756,8 +94822,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -94765,7 +94831,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -94773,7 +94839,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -94790,8 +94856,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -94799,7 +94865,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -94807,7 +94873,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -94824,8 +94890,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -94833,7 +94899,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -94841,7 +94907,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -94858,12 +94924,12 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -95269,12 +95335,12 @@ exports[`Selectable table with Radio 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -95282,7 +95348,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-190"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-213"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -95295,7 +95361,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -95303,7 +95369,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -95318,8 +95384,8 @@ exports[`Selectable table with Radio 1`] = `
                                             data-label={null}
                                             onMouseEnter={[Function]}
                                           />
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -95328,7 +95394,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -95336,7 +95402,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -95357,8 +95423,8 @@ exports[`Selectable table with Radio 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -95366,7 +95432,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -95374,7 +95440,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -95391,8 +95457,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -95400,7 +95466,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -95408,7 +95474,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -95425,8 +95491,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -95434,7 +95500,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -95442,7 +95508,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -95459,8 +95525,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -95468,7 +95534,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -95476,7 +95542,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -95493,23 +95559,23 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       isExpanded={false}
                       key="tbody-1"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -95921,18 +95987,18 @@ exports[`Selectable table with Radio 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-191"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-214"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -95946,7 +96012,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__check"
                                         component="td"
                                         data-key={0}
@@ -95954,7 +96020,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__check"
                                           component="td"
                                           data-key={0}
@@ -95985,8 +96051,8 @@ exports[`Selectable table with Radio 1`] = `
                                               />
                                             </SelectColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -95995,7 +96061,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -96003,7 +96069,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -96024,8 +96090,8 @@ exports[`Selectable table with Radio 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -96033,7 +96099,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -96041,7 +96107,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -96058,8 +96124,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -96067,7 +96133,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -96075,7 +96141,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -96092,8 +96158,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -96101,7 +96167,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -96109,7 +96175,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -96126,8 +96192,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -96135,7 +96201,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -96143,7 +96209,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -96160,12 +96226,12 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -96571,12 +96637,12 @@ exports[`Selectable table with Radio 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 isExpanded={false}
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   isExpanded={false}
@@ -96584,7 +96650,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-192"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-215"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -96597,7 +96663,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -96605,7 +96671,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -96620,8 +96686,8 @@ exports[`Selectable table with Radio 1`] = `
                                             data-label={null}
                                             onMouseEnter={[Function]}
                                           />
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -96630,7 +96696,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -96638,7 +96704,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -96659,8 +96725,8 @@ exports[`Selectable table with Radio 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -96668,7 +96734,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -96676,7 +96742,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -96693,8 +96759,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -96702,7 +96768,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -96710,7 +96776,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -96727,8 +96793,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -96736,7 +96802,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -96744,7 +96810,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -96761,8 +96827,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -96770,7 +96836,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -96778,7 +96844,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -96795,22 +96861,22 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-2"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -97219,18 +97285,18 @@ exports[`Selectable table with Radio 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-193"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-216"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -97244,7 +97310,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__check"
                                         component="td"
                                         data-key={0}
@@ -97252,7 +97318,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__check"
                                           component="td"
                                           data-key={0}
@@ -97283,8 +97349,8 @@ exports[`Selectable table with Radio 1`] = `
                                               />
                                             </SelectColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -97293,7 +97359,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -97301,7 +97367,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -97322,8 +97388,8 @@ exports[`Selectable table with Radio 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -97331,7 +97397,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -97339,7 +97405,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -97356,8 +97422,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -97365,7 +97431,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -97373,7 +97439,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -97390,8 +97456,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -97399,7 +97465,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -97407,7 +97473,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -97424,8 +97490,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -97433,7 +97499,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -97441,7 +97507,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -97458,22 +97524,22 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-3"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -97882,18 +97948,18 @@ exports[`Selectable table with Radio 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-194"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-217"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -97907,7 +97973,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__check"
                                         component="td"
                                         data-key={0}
@@ -97915,7 +97981,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__check"
                                           component="td"
                                           data-key={0}
@@ -97946,8 +98012,8 @@ exports[`Selectable table with Radio 1`] = `
                                               />
                                             </SelectColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -97956,7 +98022,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -97964,7 +98030,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -97985,8 +98051,8 @@ exports[`Selectable table with Radio 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -97994,7 +98060,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -98002,7 +98068,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -98019,8 +98085,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -98028,7 +98094,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -98036,7 +98102,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -98053,8 +98119,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -98062,7 +98128,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -98070,7 +98136,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -98087,8 +98153,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -98096,7 +98162,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -98104,7 +98170,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -98121,22 +98187,22 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-4"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -98545,18 +98611,18 @@ exports[`Selectable table with Radio 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-195"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-218"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -98570,7 +98636,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__check"
                                         component="td"
                                         data-key={0}
@@ -98578,7 +98644,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__check"
                                           component="td"
                                           data-key={0}
@@ -98609,8 +98675,8 @@ exports[`Selectable table with Radio 1`] = `
                                               />
                                             </SelectColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -98619,7 +98685,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -98627,7 +98693,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -98648,8 +98714,8 @@ exports[`Selectable table with Radio 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -98657,7 +98723,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -98665,7 +98731,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -98682,8 +98748,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -98691,7 +98757,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -98699,7 +98765,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -98716,8 +98782,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -98725,7 +98791,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -98733,7 +98799,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -98750,8 +98816,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -98759,7 +98825,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -98767,7 +98833,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -98784,22 +98850,22 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
-                    <BaseTableBody
+                      </TBodyBase>
+                    </TBody>
+                    <TBody
                       className=""
                       key="tbody-5"
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -99208,18 +99274,18 @@ exports[`Selectable table with Radio 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-196"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-219"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -99233,7 +99299,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__check"
                                         component="td"
                                         data-key={0}
@@ -99241,7 +99307,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__check"
                                           component="td"
                                           data-key={0}
@@ -99272,8 +99338,8 @@ exports[`Selectable table with Radio 1`] = `
                                               />
                                             </SelectColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       component="th"
@@ -99282,7 +99348,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="th"
                                         data-key={1}
@@ -99290,7 +99356,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="th"
                                           data-key={1}
@@ -99311,8 +99377,8 @@ exports[`Selectable table with Radio 1`] = `
                                               one
                                             </div>
                                           </th>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -99320,7 +99386,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -99328,7 +99394,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -99345,8 +99411,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -99354,7 +99420,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -99362,7 +99428,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -99379,8 +99445,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -99388,7 +99454,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -99396,7 +99462,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -99413,8 +99479,8 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={5}
@@ -99422,7 +99488,7 @@ exports[`Selectable table with Radio 1`] = `
                                       isVisible={true}
                                       key="col-5-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={5}
@@ -99430,7 +99496,7 @@ exports[`Selectable table with Radio 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={5}
@@ -99447,17 +99513,17 @@ exports[`Selectable table with Radio 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -100463,12 +100529,12 @@ exports[`Simple Actions table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -100480,10 +100546,10 @@ exports[`Simple Actions table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -100497,12 +100563,12 @@ exports[`Simple Actions table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -100894,11 +100960,17 @@ exports[`Simple Actions table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-144"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -100907,7 +100979,7 @@ exports[`Simple Actions table 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -100918,7 +100990,7 @@ exports[`Simple Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -100990,8 +101062,8 @@ exports[`Simple Actions table 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -100999,7 +101071,7 @@ exports[`Simple Actions table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -101009,7 +101081,7 @@ exports[`Simple Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -101030,8 +101102,8 @@ exports[`Simple Actions table 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -101039,7 +101111,7 @@ exports[`Simple Actions table 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -101049,7 +101121,7 @@ exports[`Simple Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -101070,8 +101142,8 @@ exports[`Simple Actions table 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -101079,7 +101151,7 @@ exports[`Simple Actions table 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -101089,7 +101161,7 @@ exports[`Simple Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -101110,8 +101182,8 @@ exports[`Simple Actions table 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -101119,7 +101191,7 @@ exports[`Simple Actions table 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -101129,7 +101201,7 @@ exports[`Simple Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -101150,8 +101222,8 @@ exports[`Simple Actions table 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   component="td"
@@ -101160,7 +101232,7 @@ exports[`Simple Actions table 1`] = `
                                   key="5-header"
                                   scope=""
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="td"
                                     data-key={5}
@@ -101170,7 +101242,7 @@ exports[`Simple Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="td"
                                       data-key={5}
@@ -101189,16 +101261,16 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         scope=""
                                       />
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -103642,12 +103714,12 @@ exports[`Simple Actions table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -104694,10 +104766,10 @@ exports[`Simple Actions table 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -105219,18 +105291,18 @@ exports[`Simple Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-129"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-145"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -105242,7 +105314,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -105250,7 +105322,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -105267,8 +105339,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -105276,7 +105348,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -105284,7 +105356,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -105301,8 +105373,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -105310,7 +105382,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -105318,7 +105390,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -105335,8 +105407,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -105344,7 +105416,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -105352,7 +105424,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -105369,8 +105441,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -105378,7 +105450,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -105386,7 +105458,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -105403,8 +105475,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -105413,7 +105485,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -105421,7 +105493,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -105815,12 +105887,12 @@ exports[`Simple Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -106337,18 +106409,18 @@ exports[`Simple Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-130"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-146"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -106360,7 +106432,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -106368,7 +106440,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -106385,8 +106457,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -106394,7 +106466,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -106402,7 +106474,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -106419,8 +106491,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -106428,7 +106500,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -106436,7 +106508,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -106453,8 +106525,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -106462,7 +106534,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -106470,7 +106542,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -106487,8 +106559,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -106496,7 +106568,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -106504,7 +106576,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -106521,8 +106593,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -106531,7 +106603,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -106539,7 +106611,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -106933,12 +107005,12 @@ exports[`Simple Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -107455,18 +107527,18 @@ exports[`Simple Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-131"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-147"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -107478,7 +107550,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -107486,7 +107558,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -107503,8 +107575,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -107512,7 +107584,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -107520,7 +107592,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -107537,8 +107609,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -107546,7 +107618,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -107554,7 +107626,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -107571,8 +107643,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -107580,7 +107652,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -107588,7 +107660,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -107605,8 +107677,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -107614,7 +107686,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -107622,7 +107694,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -107639,8 +107711,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -107649,7 +107721,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -107657,7 +107729,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -108051,12 +108123,12 @@ exports[`Simple Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -108573,18 +108645,18 @@ exports[`Simple Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-132"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-148"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -108596,7 +108668,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -108604,7 +108676,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -108621,8 +108693,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -108630,7 +108702,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -108638,7 +108710,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -108655,8 +108727,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -108664,7 +108736,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -108672,7 +108744,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -108689,8 +108761,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -108698,7 +108770,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -108706,7 +108778,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -108723,8 +108795,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -108732,7 +108804,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -108740,7 +108812,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -108757,8 +108829,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -108767,7 +108839,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -108775,7 +108847,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -109169,12 +109241,12 @@ exports[`Simple Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -109691,18 +109763,18 @@ exports[`Simple Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-133"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-149"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -109714,7 +109786,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -109722,7 +109794,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -109739,8 +109811,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -109748,7 +109820,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -109756,7 +109828,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -109773,8 +109845,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -109782,7 +109854,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -109790,7 +109862,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -109807,8 +109879,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -109816,7 +109888,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -109824,7 +109896,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -109841,8 +109913,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -109850,7 +109922,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -109858,7 +109930,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -109875,8 +109947,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -109885,7 +109957,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -109893,7 +109965,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -110287,12 +110359,12 @@ exports[`Simple Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -110809,18 +110881,18 @@ exports[`Simple Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-134"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-150"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -110832,7 +110904,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -110840,7 +110912,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -110857,8 +110929,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -110866,7 +110938,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -110874,7 +110946,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -110891,8 +110963,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -110900,7 +110972,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -110908,7 +110980,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -110925,8 +110997,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -110934,7 +111006,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -110942,7 +111014,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -110959,8 +111031,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -110968,7 +111040,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -110976,7 +111048,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -110993,8 +111065,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -111003,7 +111075,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -111011,7 +111083,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -111405,12 +111477,12 @@ exports[`Simple Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -111927,18 +111999,18 @@ exports[`Simple Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-135"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-151"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -111950,7 +112022,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -111958,7 +112030,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -111975,8 +112047,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -111984,7 +112056,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -111992,7 +112064,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -112009,8 +112081,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -112018,7 +112090,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -112026,7 +112098,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -112043,8 +112115,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -112052,7 +112124,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -112060,7 +112132,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -112077,8 +112149,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -112086,7 +112158,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -112094,7 +112166,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -112111,8 +112183,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -112121,7 +112193,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -112129,7 +112201,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -112523,12 +112595,12 @@ exports[`Simple Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -113045,18 +113117,18 @@ exports[`Simple Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-136"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-152"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -113068,7 +113140,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -113076,7 +113148,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -113093,8 +113165,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -113102,7 +113174,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -113110,7 +113182,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -113127,8 +113199,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -113136,7 +113208,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -113144,7 +113216,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -113161,8 +113233,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -113170,7 +113242,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -113178,7 +113250,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -113195,8 +113267,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -113204,7 +113276,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -113212,7 +113284,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -113229,8 +113301,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -113239,7 +113311,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -113247,7 +113319,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -113641,12 +113713,12 @@ exports[`Simple Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -114163,18 +114235,18 @@ exports[`Simple Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-137"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-153"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -114186,7 +114258,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -114194,7 +114266,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -114211,8 +114283,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -114220,7 +114292,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -114228,7 +114300,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -114245,8 +114317,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -114254,7 +114326,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -114262,7 +114334,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -114279,8 +114351,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -114288,7 +114360,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -114296,7 +114368,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -114313,8 +114385,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -114322,7 +114394,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -114330,7 +114402,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -114347,8 +114419,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -114357,7 +114429,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -114365,7 +114437,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -114759,12 +114831,12 @@ exports[`Simple Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -115283,18 +115355,18 @@ exports[`Simple Actions table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-138"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-154"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -115306,7 +115378,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-9"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -115314,7 +115386,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -115331,8 +115403,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -115340,7 +115412,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-9"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -115348,7 +115420,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -115365,8 +115437,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -115374,7 +115446,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-9"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -115382,7 +115454,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -115399,8 +115471,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -115408,7 +115480,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-9"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -115416,7 +115488,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -115433,8 +115505,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -115442,7 +115514,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-9"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -115450,7 +115522,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -115467,8 +115539,8 @@ exports[`Simple Actions table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       className="pf-c-table__action"
@@ -115477,7 +115549,7 @@ exports[`Simple Actions table 1`] = `
                                       isVisible={true}
                                       key="col-5-row-9"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className="pf-c-table__action"
                                         component="td"
                                         data-key={5}
@@ -115485,7 +115557,7 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className="pf-c-table__action"
                                           component="td"
                                           data-key={5}
@@ -115886,17 +115958,17 @@ exports[`Simple Actions table 1`] = `
                                               </Dropdown>
                                             </ActionsColumn>
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -116545,12 +116617,12 @@ exports[`Simple table aria-label 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -116562,10 +116634,10 @@ exports[`Simple table aria-label 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -116579,12 +116651,12 @@ exports[`Simple table aria-label 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -116815,18 +116887,24 @@ exports[`Simple table aria-label 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-21"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   data-key={0}
                                   data-label="Header cell"
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={0}
@@ -116836,7 +116914,7 @@ exports[`Simple table aria-label 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={0}
@@ -116857,8 +116935,8 @@ exports[`Simple table aria-label 1`] = `
                                       >
                                         Header cell
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -116866,7 +116944,7 @@ exports[`Simple table aria-label 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -116876,7 +116954,7 @@ exports[`Simple table aria-label 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -116897,8 +116975,8 @@ exports[`Simple table aria-label 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -116906,7 +116984,7 @@ exports[`Simple table aria-label 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -116916,7 +116994,7 @@ exports[`Simple table aria-label 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -116937,8 +117015,8 @@ exports[`Simple table aria-label 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -116946,7 +117024,7 @@ exports[`Simple table aria-label 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -116956,7 +117034,7 @@ exports[`Simple table aria-label 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -116977,8 +117055,8 @@ exports[`Simple table aria-label 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -116986,7 +117064,7 @@ exports[`Simple table aria-label 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -116996,7 +117074,7 @@ exports[`Simple table aria-label 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -117017,16 +117095,16 @@ exports[`Simple table aria-label 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -118982,12 +119060,12 @@ exports[`Simple table aria-label 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -119930,10 +120008,10 @@ exports[`Simple table aria-label 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -120294,18 +120372,18 @@ exports[`Simple table aria-label 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-19"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-22"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -120317,7 +120395,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -120325,7 +120403,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -120342,8 +120420,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -120351,7 +120429,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -120359,7 +120437,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -120376,8 +120454,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -120385,7 +120463,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -120393,7 +120471,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -120410,8 +120488,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -120419,7 +120497,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -120427,7 +120505,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -120444,8 +120522,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -120453,7 +120531,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -120461,7 +120539,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -120478,12 +120556,12 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -120839,18 +120917,18 @@ exports[`Simple table aria-label 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-20"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-23"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -120862,7 +120940,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -120870,7 +120948,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -120887,8 +120965,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -120896,7 +120974,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -120904,7 +120982,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -120921,8 +120999,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -120930,7 +121008,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -120938,7 +121016,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -120955,8 +121033,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -120964,7 +121042,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -120972,7 +121050,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -120989,8 +121067,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -120998,7 +121076,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -121006,7 +121084,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -121023,12 +121101,12 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -121384,18 +121462,18 @@ exports[`Simple table aria-label 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-21"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-24"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -121407,7 +121485,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -121415,7 +121493,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -121432,8 +121510,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -121441,7 +121519,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -121449,7 +121527,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -121466,8 +121544,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -121475,7 +121553,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -121483,7 +121561,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -121500,8 +121578,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -121509,7 +121587,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -121517,7 +121595,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -121534,8 +121612,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -121543,7 +121621,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -121551,7 +121629,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -121568,12 +121646,12 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -121929,18 +122007,18 @@ exports[`Simple table aria-label 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-22"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-25"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -121952,7 +122030,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -121960,7 +122038,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -121977,8 +122055,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -121986,7 +122064,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -121994,7 +122072,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -122011,8 +122089,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -122020,7 +122098,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -122028,7 +122106,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -122045,8 +122123,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -122054,7 +122132,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -122062,7 +122140,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -122079,8 +122157,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -122088,7 +122166,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -122096,7 +122174,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -122113,12 +122191,12 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -122474,18 +122552,18 @@ exports[`Simple table aria-label 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-23"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-26"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -122497,7 +122575,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -122505,7 +122583,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -122522,8 +122600,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -122531,7 +122609,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -122539,7 +122617,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -122556,8 +122634,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -122565,7 +122643,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -122573,7 +122651,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -122590,8 +122668,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -122599,7 +122677,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -122607,7 +122685,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -122624,8 +122702,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -122633,7 +122711,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -122641,7 +122719,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -122658,12 +122736,12 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -123019,18 +123097,18 @@ exports[`Simple table aria-label 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-24"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-27"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -123042,7 +123120,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -123050,7 +123128,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -123067,8 +123145,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -123076,7 +123154,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -123084,7 +123162,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -123101,8 +123179,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -123110,7 +123188,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -123118,7 +123196,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -123135,8 +123213,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -123144,7 +123222,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -123152,7 +123230,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -123169,8 +123247,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -123178,7 +123256,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -123186,7 +123264,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -123203,12 +123281,12 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -123564,18 +123642,18 @@ exports[`Simple table aria-label 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-25"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-28"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -123587,7 +123665,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -123595,7 +123673,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -123612,8 +123690,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -123621,7 +123699,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -123629,7 +123707,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -123646,8 +123724,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -123655,7 +123733,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -123663,7 +123741,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -123680,8 +123758,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -123689,7 +123767,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -123697,7 +123775,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -123714,8 +123792,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -123723,7 +123801,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -123731,7 +123809,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -123748,12 +123826,12 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -124109,18 +124187,18 @@ exports[`Simple table aria-label 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-26"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-29"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -124132,7 +124210,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -124140,7 +124218,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -124157,8 +124235,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -124166,7 +124244,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -124174,7 +124252,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -124191,8 +124269,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -124200,7 +124278,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -124208,7 +124286,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -124225,8 +124303,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -124234,7 +124312,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -124242,7 +124320,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -124259,8 +124337,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -124268,7 +124346,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -124276,7 +124354,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -124293,12 +124371,12 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -124654,18 +124732,18 @@ exports[`Simple table aria-label 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-27"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-30"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -124677,7 +124755,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -124685,7 +124763,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -124702,8 +124780,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -124711,7 +124789,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -124719,7 +124797,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -124736,8 +124814,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -124745,7 +124823,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -124753,7 +124831,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -124770,8 +124848,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -124779,7 +124857,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -124787,7 +124865,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -124804,8 +124882,8 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -124813,7 +124891,7 @@ exports[`Simple table aria-label 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -124821,7 +124899,7 @@ exports[`Simple table aria-label 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -124838,17 +124916,17 @@ exports[`Simple table aria-label 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -125496,12 +125574,12 @@ exports[`Simple table caption 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -125513,10 +125591,10 @@ exports[`Simple table caption 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -125530,12 +125608,12 @@ exports[`Simple table caption 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -125766,18 +125844,24 @@ exports[`Simple table caption 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-1"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   data-key={0}
                                   data-label="Header cell"
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={0}
@@ -125787,7 +125871,7 @@ exports[`Simple table caption 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={0}
@@ -125808,8 +125892,8 @@ exports[`Simple table caption 1`] = `
                                       >
                                         Header cell
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -125817,7 +125901,7 @@ exports[`Simple table caption 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -125827,7 +125911,7 @@ exports[`Simple table caption 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -125848,8 +125932,8 @@ exports[`Simple table caption 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -125857,7 +125941,7 @@ exports[`Simple table caption 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -125867,7 +125951,7 @@ exports[`Simple table caption 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -125888,8 +125972,8 @@ exports[`Simple table caption 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -125897,7 +125981,7 @@ exports[`Simple table caption 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -125907,7 +125991,7 @@ exports[`Simple table caption 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -125928,8 +126012,8 @@ exports[`Simple table caption 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -125937,7 +126021,7 @@ exports[`Simple table caption 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -125947,7 +126031,7 @@ exports[`Simple table caption 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -125968,16 +126052,16 @@ exports[`Simple table caption 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -127933,12 +128017,12 @@ exports[`Simple table caption 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -128881,10 +128965,10 @@ exports[`Simple table caption 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -129245,18 +129329,18 @@ exports[`Simple table caption 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-1"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-2"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -129268,7 +129352,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -129276,7 +129360,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -129293,8 +129377,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -129302,7 +129386,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -129310,7 +129394,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -129327,8 +129411,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -129336,7 +129420,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -129344,7 +129428,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -129361,8 +129445,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -129370,7 +129454,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -129378,7 +129462,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -129395,8 +129479,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -129404,7 +129488,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -129412,7 +129496,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -129429,12 +129513,12 @@ exports[`Simple table caption 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -129790,18 +129874,18 @@ exports[`Simple table caption 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-2"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-3"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -129813,7 +129897,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -129821,7 +129905,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -129838,8 +129922,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -129847,7 +129931,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -129855,7 +129939,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -129872,8 +129956,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -129881,7 +129965,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -129889,7 +129973,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -129906,8 +129990,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -129915,7 +129999,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -129923,7 +130007,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -129940,8 +130024,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -129949,7 +130033,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -129957,7 +130041,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -129974,12 +130058,12 @@ exports[`Simple table caption 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -130335,18 +130419,18 @@ exports[`Simple table caption 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-3"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-4"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -130358,7 +130442,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -130366,7 +130450,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -130383,8 +130467,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -130392,7 +130476,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -130400,7 +130484,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -130417,8 +130501,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -130426,7 +130510,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -130434,7 +130518,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -130451,8 +130535,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -130460,7 +130544,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -130468,7 +130552,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -130485,8 +130569,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -130494,7 +130578,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -130502,7 +130586,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -130519,12 +130603,12 @@ exports[`Simple table caption 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -130880,18 +130964,18 @@ exports[`Simple table caption 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-4"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-5"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -130903,7 +130987,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -130911,7 +130995,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -130928,8 +131012,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -130937,7 +131021,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -130945,7 +131029,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -130962,8 +131046,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -130971,7 +131055,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -130979,7 +131063,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -130996,8 +131080,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -131005,7 +131089,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -131013,7 +131097,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -131030,8 +131114,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -131039,7 +131123,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -131047,7 +131131,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -131064,12 +131148,12 @@ exports[`Simple table caption 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -131425,18 +131509,18 @@ exports[`Simple table caption 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-5"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-6"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -131448,7 +131532,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -131456,7 +131540,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -131473,8 +131557,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -131482,7 +131566,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -131490,7 +131574,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -131507,8 +131591,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -131516,7 +131600,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -131524,7 +131608,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -131541,8 +131625,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -131550,7 +131634,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -131558,7 +131642,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -131575,8 +131659,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -131584,7 +131668,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -131592,7 +131676,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -131609,12 +131693,12 @@ exports[`Simple table caption 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -131970,18 +132054,18 @@ exports[`Simple table caption 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-6"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-7"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -131993,7 +132077,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -132001,7 +132085,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -132018,8 +132102,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -132027,7 +132111,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -132035,7 +132119,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -132052,8 +132136,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -132061,7 +132145,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -132069,7 +132153,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -132086,8 +132170,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -132095,7 +132179,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -132103,7 +132187,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -132120,8 +132204,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -132129,7 +132213,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -132137,7 +132221,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -132154,12 +132238,12 @@ exports[`Simple table caption 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -132515,18 +132599,18 @@ exports[`Simple table caption 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-7"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-8"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -132538,7 +132622,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -132546,7 +132630,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -132563,8 +132647,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -132572,7 +132656,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -132580,7 +132664,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -132597,8 +132681,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -132606,7 +132690,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -132614,7 +132698,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -132631,8 +132715,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -132640,7 +132724,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -132648,7 +132732,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -132665,8 +132749,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -132674,7 +132758,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -132682,7 +132766,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -132699,12 +132783,12 @@ exports[`Simple table caption 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -133060,18 +133144,18 @@ exports[`Simple table caption 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-8"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-9"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -133083,7 +133167,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -133091,7 +133175,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -133108,8 +133192,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -133117,7 +133201,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -133125,7 +133209,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -133142,8 +133226,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -133151,7 +133235,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -133159,7 +133243,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -133176,8 +133260,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -133185,7 +133269,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -133193,7 +133277,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -133210,8 +133294,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -133219,7 +133303,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -133227,7 +133311,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -133244,12 +133328,12 @@ exports[`Simple table caption 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -133605,18 +133689,18 @@ exports[`Simple table caption 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-9"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-10"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -133628,7 +133712,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -133636,7 +133720,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -133653,8 +133737,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -133662,7 +133746,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -133670,7 +133754,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -133687,8 +133771,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -133696,7 +133780,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -133704,7 +133788,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -133721,8 +133805,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -133730,7 +133814,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -133738,7 +133822,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -133755,8 +133839,8 @@ exports[`Simple table caption 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -133764,7 +133848,7 @@ exports[`Simple table caption 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -133772,7 +133856,7 @@ exports[`Simple table caption 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -133789,17 +133873,17 @@ exports[`Simple table caption 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -134451,12 +134535,12 @@ exports[`Simple table header 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -134468,10 +134552,10 @@ exports[`Simple table header 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -134485,12 +134569,12 @@ exports[`Simple table header 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -134721,18 +134805,24 @@ exports[`Simple table header 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-11"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   data-key={0}
                                   data-label="Header cell"
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={0}
@@ -134742,7 +134832,7 @@ exports[`Simple table header 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={0}
@@ -134763,8 +134853,8 @@ exports[`Simple table header 1`] = `
                                       >
                                         Header cell
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -134772,7 +134862,7 @@ exports[`Simple table header 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -134782,7 +134872,7 @@ exports[`Simple table header 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -134803,8 +134893,8 @@ exports[`Simple table header 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -134812,7 +134902,7 @@ exports[`Simple table header 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -134822,7 +134912,7 @@ exports[`Simple table header 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -134843,8 +134933,8 @@ exports[`Simple table header 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -134852,7 +134942,7 @@ exports[`Simple table header 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -134862,7 +134952,7 @@ exports[`Simple table header 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -134883,8 +134973,8 @@ exports[`Simple table header 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -134892,7 +134982,7 @@ exports[`Simple table header 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -134902,7 +134992,7 @@ exports[`Simple table header 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -134923,16 +135013,16 @@ exports[`Simple table header 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -136888,12 +136978,12 @@ exports[`Simple table header 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -137836,10 +137926,10 @@ exports[`Simple table header 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -138200,18 +138290,18 @@ exports[`Simple table header 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-10"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-12"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -138223,7 +138313,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -138231,7 +138321,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -138248,8 +138338,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -138257,7 +138347,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -138265,7 +138355,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -138282,8 +138372,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -138291,7 +138381,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -138299,7 +138389,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -138316,8 +138406,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -138325,7 +138415,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -138333,7 +138423,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -138350,8 +138440,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -138359,7 +138449,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -138367,7 +138457,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -138384,12 +138474,12 @@ exports[`Simple table header 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -138745,18 +138835,18 @@ exports[`Simple table header 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-11"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-13"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -138768,7 +138858,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -138776,7 +138866,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -138793,8 +138883,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -138802,7 +138892,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -138810,7 +138900,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -138827,8 +138917,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -138836,7 +138926,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -138844,7 +138934,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -138861,8 +138951,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -138870,7 +138960,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -138878,7 +138968,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -138895,8 +138985,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -138904,7 +138994,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -138912,7 +139002,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -138929,12 +139019,12 @@ exports[`Simple table header 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -139290,18 +139380,18 @@ exports[`Simple table header 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-12"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-14"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -139313,7 +139403,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -139321,7 +139411,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -139338,8 +139428,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -139347,7 +139437,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -139355,7 +139445,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -139372,8 +139462,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -139381,7 +139471,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -139389,7 +139479,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -139406,8 +139496,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -139415,7 +139505,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -139423,7 +139513,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -139440,8 +139530,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -139449,7 +139539,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -139457,7 +139547,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -139474,12 +139564,12 @@ exports[`Simple table header 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -139835,18 +139925,18 @@ exports[`Simple table header 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-13"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-15"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -139858,7 +139948,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -139866,7 +139956,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -139883,8 +139973,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -139892,7 +139982,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -139900,7 +139990,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -139917,8 +140007,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -139926,7 +140016,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -139934,7 +140024,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -139951,8 +140041,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -139960,7 +140050,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -139968,7 +140058,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -139985,8 +140075,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -139994,7 +140084,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -140002,7 +140092,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -140019,12 +140109,12 @@ exports[`Simple table header 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -140380,18 +140470,18 @@ exports[`Simple table header 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-14"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-16"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -140403,7 +140493,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -140411,7 +140501,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -140428,8 +140518,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -140437,7 +140527,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -140445,7 +140535,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -140462,8 +140552,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -140471,7 +140561,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -140479,7 +140569,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -140496,8 +140586,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -140505,7 +140595,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -140513,7 +140603,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -140530,8 +140620,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -140539,7 +140629,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -140547,7 +140637,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -140564,12 +140654,12 @@ exports[`Simple table header 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -140925,18 +141015,18 @@ exports[`Simple table header 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-15"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-17"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -140948,7 +141038,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -140956,7 +141046,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -140973,8 +141063,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -140982,7 +141072,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -140990,7 +141080,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -141007,8 +141097,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -141016,7 +141106,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -141024,7 +141114,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -141041,8 +141131,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -141050,7 +141140,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -141058,7 +141148,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -141075,8 +141165,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -141084,7 +141174,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -141092,7 +141182,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -141109,12 +141199,12 @@ exports[`Simple table header 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -141470,18 +141560,18 @@ exports[`Simple table header 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-16"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-18"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -141493,7 +141583,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -141501,7 +141591,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -141518,8 +141608,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -141527,7 +141617,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -141535,7 +141625,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -141552,8 +141642,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -141561,7 +141651,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -141569,7 +141659,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -141586,8 +141676,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -141595,7 +141685,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -141603,7 +141693,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -141620,8 +141710,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -141629,7 +141719,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -141637,7 +141727,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -141654,12 +141744,12 @@ exports[`Simple table header 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -142015,18 +142105,18 @@ exports[`Simple table header 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-17"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-19"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -142038,7 +142128,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -142046,7 +142136,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -142063,8 +142153,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -142072,7 +142162,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -142080,7 +142170,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -142097,8 +142187,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -142106,7 +142196,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -142114,7 +142204,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -142131,8 +142221,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -142140,7 +142230,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -142148,7 +142238,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -142165,8 +142255,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -142174,7 +142264,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -142182,7 +142272,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -142199,12 +142289,12 @@ exports[`Simple table header 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -142560,18 +142650,18 @@ exports[`Simple table header 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-18"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-20"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -142583,7 +142673,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -142591,7 +142681,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -142608,8 +142698,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -142617,7 +142707,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -142625,7 +142715,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -142642,8 +142732,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -142651,7 +142741,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -142659,7 +142749,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -142676,8 +142766,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -142685,7 +142775,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -142693,7 +142783,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -142710,8 +142800,8 @@ exports[`Simple table header 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -142719,7 +142809,7 @@ exports[`Simple table header 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -142727,7 +142817,7 @@ exports[`Simple table header 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -142744,17 +142834,17 @@ exports[`Simple table header 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -143410,12 +143500,12 @@ exports[`Sortable table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -143427,10 +143517,10 @@ exports[`Sortable table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -143444,12 +143534,12 @@ exports[`Sortable table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -143681,11 +143771,17 @@ exports[`Sortable table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-34"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -143694,7 +143790,7 @@ exports[`Sortable table 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -143705,7 +143801,7 @@ exports[`Sortable table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -143778,8 +143874,8 @@ exports[`Sortable table 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -143787,7 +143883,7 @@ exports[`Sortable table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -143797,7 +143893,7 @@ exports[`Sortable table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -143818,8 +143914,8 @@ exports[`Sortable table 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -143827,7 +143923,7 @@ exports[`Sortable table 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -143837,7 +143933,7 @@ exports[`Sortable table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -143858,8 +143954,8 @@ exports[`Sortable table 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -143867,7 +143963,7 @@ exports[`Sortable table 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -143877,7 +143973,7 @@ exports[`Sortable table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -143898,8 +143994,8 @@ exports[`Sortable table 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -143907,7 +144003,7 @@ exports[`Sortable table 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -143917,7 +144013,7 @@ exports[`Sortable table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -143938,16 +144034,16 @@ exports[`Sortable table 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -145905,12 +146001,12 @@ exports[`Sortable table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -146853,10 +146949,10 @@ exports[`Sortable table 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -147218,18 +147314,18 @@ exports[`Sortable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-30"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-35"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -147241,7 +147337,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -147249,7 +147345,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -147266,8 +147362,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -147275,7 +147371,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -147283,7 +147379,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -147300,8 +147396,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -147309,7 +147405,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -147317,7 +147413,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -147334,8 +147430,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -147343,7 +147439,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -147351,7 +147447,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -147368,8 +147464,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -147377,7 +147473,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -147385,7 +147481,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -147402,12 +147498,12 @@ exports[`Sortable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -147764,18 +147860,18 @@ exports[`Sortable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-31"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-36"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -147787,7 +147883,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -147795,7 +147891,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -147812,8 +147908,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -147821,7 +147917,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -147829,7 +147925,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -147846,8 +147942,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -147855,7 +147951,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -147863,7 +147959,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -147880,8 +147976,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -147889,7 +147985,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -147897,7 +147993,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -147914,8 +148010,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -147923,7 +148019,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -147931,7 +148027,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -147948,12 +148044,12 @@ exports[`Sortable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -148310,18 +148406,18 @@ exports[`Sortable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-32"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-37"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -148333,7 +148429,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -148341,7 +148437,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -148358,8 +148454,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -148367,7 +148463,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -148375,7 +148471,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -148392,8 +148488,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -148401,7 +148497,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -148409,7 +148505,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -148426,8 +148522,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -148435,7 +148531,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -148443,7 +148539,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -148460,8 +148556,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -148469,7 +148565,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -148477,7 +148573,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -148494,12 +148590,12 @@ exports[`Sortable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -148856,18 +148952,18 @@ exports[`Sortable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-33"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-38"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -148879,7 +148975,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -148887,7 +148983,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -148904,8 +149000,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -148913,7 +149009,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -148921,7 +149017,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -148938,8 +149034,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -148947,7 +149043,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -148955,7 +149051,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -148972,8 +149068,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -148981,7 +149077,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -148989,7 +149085,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -149006,8 +149102,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -149015,7 +149111,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -149023,7 +149119,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -149040,12 +149136,12 @@ exports[`Sortable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -149402,18 +149498,18 @@ exports[`Sortable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-34"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-39"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -149425,7 +149521,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -149433,7 +149529,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -149450,8 +149546,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -149459,7 +149555,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -149467,7 +149563,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -149484,8 +149580,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -149493,7 +149589,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -149501,7 +149597,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -149518,8 +149614,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -149527,7 +149623,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -149535,7 +149631,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -149552,8 +149648,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -149561,7 +149657,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -149569,7 +149665,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -149586,12 +149682,12 @@ exports[`Sortable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -149948,18 +150044,18 @@ exports[`Sortable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-35"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-40"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -149971,7 +150067,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -149979,7 +150075,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -149996,8 +150092,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -150005,7 +150101,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -150013,7 +150109,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -150030,8 +150126,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -150039,7 +150135,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -150047,7 +150143,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -150064,8 +150160,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -150073,7 +150169,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -150081,7 +150177,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -150098,8 +150194,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -150107,7 +150203,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -150115,7 +150211,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -150132,12 +150228,12 @@ exports[`Sortable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -150494,18 +150590,18 @@ exports[`Sortable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-36"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-41"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -150517,7 +150613,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -150525,7 +150621,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -150542,8 +150638,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -150551,7 +150647,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -150559,7 +150655,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -150576,8 +150672,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -150585,7 +150681,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -150593,7 +150689,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -150610,8 +150706,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -150619,7 +150715,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -150627,7 +150723,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -150644,8 +150740,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -150653,7 +150749,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -150661,7 +150757,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -150678,12 +150774,12 @@ exports[`Sortable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -151040,18 +151136,18 @@ exports[`Sortable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-37"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-42"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -151063,7 +151159,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -151071,7 +151167,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -151088,8 +151184,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -151097,7 +151193,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -151105,7 +151201,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -151122,8 +151218,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -151131,7 +151227,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -151139,7 +151235,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -151156,8 +151252,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -151165,7 +151261,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -151173,7 +151269,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -151190,8 +151286,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -151199,7 +151295,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -151207,7 +151303,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -151224,12 +151320,12 @@ exports[`Sortable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -151586,18 +151682,18 @@ exports[`Sortable table 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-38"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-43"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -151609,7 +151705,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -151617,7 +151713,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -151634,8 +151730,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -151643,7 +151739,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -151651,7 +151747,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -151668,8 +151764,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -151677,7 +151773,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -151685,7 +151781,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -151702,8 +151798,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -151711,7 +151807,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -151719,7 +151815,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -151736,8 +151832,8 @@ exports[`Sortable table 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -151745,7 +151841,7 @@ exports[`Sortable table 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -151753,7 +151849,7 @@ exports[`Sortable table 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -151770,17 +151866,17 @@ exports[`Sortable table 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -152434,12 +152530,12 @@ exports[`Table variants Breakpoint -  1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -152451,10 +152547,10 @@ exports[`Table variants Breakpoint -  1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -152468,12 +152564,12 @@ exports[`Table variants Breakpoint -  1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -152705,11 +152801,17 @@ exports[`Table variants Breakpoint -  1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-54"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -152718,7 +152820,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -152729,7 +152831,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -152801,8 +152903,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -152810,7 +152912,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -152820,7 +152922,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -152841,8 +152943,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -152850,7 +152952,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -152860,7 +152962,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -152881,8 +152983,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -152890,7 +152992,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -152900,7 +153002,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -152921,8 +153023,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -152930,7 +153032,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -152940,7 +153042,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -152961,16 +153063,16 @@ exports[`Table variants Breakpoint -  1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -154928,12 +155030,12 @@ exports[`Table variants Breakpoint -  1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -155876,10 +155978,10 @@ exports[`Table variants Breakpoint -  1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -156241,18 +156343,18 @@ exports[`Table variants Breakpoint -  1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-48"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-55"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -156264,7 +156366,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -156272,7 +156374,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -156289,8 +156391,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -156298,7 +156400,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -156306,7 +156408,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -156323,8 +156425,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -156332,7 +156434,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -156340,7 +156442,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -156357,8 +156459,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -156366,7 +156468,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -156374,7 +156476,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -156391,8 +156493,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -156400,7 +156502,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -156408,7 +156510,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -156425,12 +156527,12 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -156787,18 +156889,18 @@ exports[`Table variants Breakpoint -  1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-49"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-56"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -156810,7 +156912,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -156818,7 +156920,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -156835,8 +156937,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -156844,7 +156946,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -156852,7 +156954,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -156869,8 +156971,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -156878,7 +156980,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -156886,7 +156988,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -156903,8 +157005,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -156912,7 +157014,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -156920,7 +157022,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -156937,8 +157039,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -156946,7 +157048,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -156954,7 +157056,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -156971,12 +157073,12 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -157333,18 +157435,18 @@ exports[`Table variants Breakpoint -  1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-50"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-57"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -157356,7 +157458,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -157364,7 +157466,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -157381,8 +157483,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -157390,7 +157492,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -157398,7 +157500,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -157415,8 +157517,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -157424,7 +157526,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -157432,7 +157534,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -157449,8 +157551,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -157458,7 +157560,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -157466,7 +157568,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -157483,8 +157585,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -157492,7 +157594,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -157500,7 +157602,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -157517,12 +157619,12 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -157879,18 +157981,18 @@ exports[`Table variants Breakpoint -  1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-51"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-58"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -157902,7 +158004,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -157910,7 +158012,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -157927,8 +158029,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -157936,7 +158038,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -157944,7 +158046,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -157961,8 +158063,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -157970,7 +158072,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -157978,7 +158080,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -157995,8 +158097,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -158004,7 +158106,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -158012,7 +158114,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -158029,8 +158131,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -158038,7 +158140,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -158046,7 +158148,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -158063,12 +158165,12 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -158425,18 +158527,18 @@ exports[`Table variants Breakpoint -  1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-52"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-59"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -158448,7 +158550,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -158456,7 +158558,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -158473,8 +158575,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -158482,7 +158584,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -158490,7 +158592,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -158507,8 +158609,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -158516,7 +158618,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -158524,7 +158626,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -158541,8 +158643,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -158550,7 +158652,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -158558,7 +158660,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -158575,8 +158677,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -158584,7 +158686,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -158592,7 +158694,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -158609,12 +158711,12 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -158971,18 +159073,18 @@ exports[`Table variants Breakpoint -  1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-53"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-60"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -158994,7 +159096,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -159002,7 +159104,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -159019,8 +159121,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -159028,7 +159130,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -159036,7 +159138,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -159053,8 +159155,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -159062,7 +159164,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -159070,7 +159172,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -159087,8 +159189,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -159096,7 +159198,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -159104,7 +159206,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -159121,8 +159223,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -159130,7 +159232,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -159138,7 +159240,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -159155,12 +159257,12 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -159517,18 +159619,18 @@ exports[`Table variants Breakpoint -  1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-54"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-61"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -159540,7 +159642,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -159548,7 +159650,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -159565,8 +159667,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -159574,7 +159676,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -159582,7 +159684,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -159599,8 +159701,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -159608,7 +159710,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -159616,7 +159718,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -159633,8 +159735,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -159642,7 +159744,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -159650,7 +159752,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -159667,8 +159769,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -159676,7 +159778,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -159684,7 +159786,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -159701,12 +159803,12 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -160063,18 +160165,18 @@ exports[`Table variants Breakpoint -  1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-55"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-62"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -160086,7 +160188,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -160094,7 +160196,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -160111,8 +160213,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -160120,7 +160222,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -160128,7 +160230,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -160145,8 +160247,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -160154,7 +160256,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -160162,7 +160264,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -160179,8 +160281,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -160188,7 +160290,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -160196,7 +160298,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -160213,8 +160315,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -160222,7 +160324,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -160230,7 +160332,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -160247,12 +160349,12 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -160609,18 +160711,18 @@ exports[`Table variants Breakpoint -  1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-56"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-63"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -160632,7 +160734,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -160640,7 +160742,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -160657,8 +160759,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -160666,7 +160768,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -160674,7 +160776,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -160691,8 +160793,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -160700,7 +160802,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -160708,7 +160810,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -160725,8 +160827,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -160734,7 +160836,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -160742,7 +160844,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -160759,8 +160861,8 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -160768,7 +160870,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -160776,7 +160878,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -160793,17 +160895,17 @@ exports[`Table variants Breakpoint -  1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -161457,12 +161559,12 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -161474,10 +161576,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -161491,12 +161593,12 @@ exports[`Table variants Breakpoint - grid 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -161728,11 +161830,17 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-64"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -161741,7 +161849,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -161752,7 +161860,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -161824,8 +161932,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -161833,7 +161941,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -161843,7 +161951,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -161864,8 +161972,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -161873,7 +161981,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -161883,7 +161991,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -161904,8 +162012,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -161913,7 +162021,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -161923,7 +162031,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -161944,8 +162052,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -161953,7 +162061,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -161963,7 +162071,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -161984,16 +162092,16 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -163951,12 +164059,12 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -164899,10 +165007,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -165264,18 +165372,18 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-57"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-65"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -165287,7 +165395,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -165295,7 +165403,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -165312,8 +165420,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -165321,7 +165429,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -165329,7 +165437,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -165346,8 +165454,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -165355,7 +165463,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -165363,7 +165471,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -165380,8 +165488,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -165389,7 +165497,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -165397,7 +165505,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -165414,8 +165522,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -165423,7 +165531,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -165431,7 +165539,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -165448,12 +165556,12 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -165810,18 +165918,18 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-58"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-66"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -165833,7 +165941,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -165841,7 +165949,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -165858,8 +165966,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -165867,7 +165975,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -165875,7 +165983,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -165892,8 +166000,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -165901,7 +166009,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -165909,7 +166017,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -165926,8 +166034,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -165935,7 +166043,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -165943,7 +166051,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -165960,8 +166068,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -165969,7 +166077,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -165977,7 +166085,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -165994,12 +166102,12 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -166356,18 +166464,18 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-59"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-67"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -166379,7 +166487,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -166387,7 +166495,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -166404,8 +166512,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -166413,7 +166521,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -166421,7 +166529,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -166438,8 +166546,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -166447,7 +166555,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -166455,7 +166563,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -166472,8 +166580,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -166481,7 +166589,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -166489,7 +166597,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -166506,8 +166614,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -166515,7 +166623,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -166523,7 +166631,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -166540,12 +166648,12 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -166902,18 +167010,18 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-60"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-68"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -166925,7 +167033,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -166933,7 +167041,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -166950,8 +167058,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -166959,7 +167067,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -166967,7 +167075,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -166984,8 +167092,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -166993,7 +167101,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -167001,7 +167109,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -167018,8 +167126,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -167027,7 +167135,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -167035,7 +167143,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -167052,8 +167160,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -167061,7 +167169,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -167069,7 +167177,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -167086,12 +167194,12 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -167448,18 +167556,18 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-61"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-69"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -167471,7 +167579,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -167479,7 +167587,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -167496,8 +167604,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -167505,7 +167613,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -167513,7 +167621,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -167530,8 +167638,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -167539,7 +167647,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -167547,7 +167655,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -167564,8 +167672,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -167573,7 +167681,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -167581,7 +167689,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -167598,8 +167706,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -167607,7 +167715,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -167615,7 +167723,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -167632,12 +167740,12 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -167994,18 +168102,18 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-62"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-70"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -168017,7 +168125,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -168025,7 +168133,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -168042,8 +168150,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -168051,7 +168159,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -168059,7 +168167,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -168076,8 +168184,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -168085,7 +168193,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -168093,7 +168201,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -168110,8 +168218,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -168119,7 +168227,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -168127,7 +168235,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -168144,8 +168252,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -168153,7 +168261,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -168161,7 +168269,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -168178,12 +168286,12 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -168540,18 +168648,18 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-63"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-71"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -168563,7 +168671,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -168571,7 +168679,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -168588,8 +168696,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -168597,7 +168705,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -168605,7 +168713,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -168622,8 +168730,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -168631,7 +168739,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -168639,7 +168747,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -168656,8 +168764,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -168665,7 +168773,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -168673,7 +168781,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -168690,8 +168798,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -168699,7 +168807,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -168707,7 +168815,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -168724,12 +168832,12 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -169086,18 +169194,18 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-64"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-72"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -169109,7 +169217,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -169117,7 +169225,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -169134,8 +169242,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -169143,7 +169251,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -169151,7 +169259,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -169168,8 +169276,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -169177,7 +169285,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -169185,7 +169293,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -169202,8 +169310,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -169211,7 +169319,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -169219,7 +169327,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -169236,8 +169344,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -169245,7 +169353,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -169253,7 +169361,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -169270,12 +169378,12 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -169632,18 +169740,18 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-65"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-73"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -169655,7 +169763,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -169663,7 +169771,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -169680,8 +169788,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -169689,7 +169797,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -169697,7 +169805,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -169714,8 +169822,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -169723,7 +169831,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -169731,7 +169839,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -169748,8 +169856,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -169757,7 +169865,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -169765,7 +169873,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -169782,8 +169890,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -169791,7 +169899,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -169799,7 +169907,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -169816,17 +169924,17 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -170480,12 +170588,12 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -170497,10 +170605,10 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -170514,12 +170622,12 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -170751,11 +170859,17 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-104"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -170764,7 +170878,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -170775,7 +170889,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -170847,8 +170961,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -170856,7 +170970,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -170866,7 +170980,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -170887,8 +171001,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -170896,7 +171010,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -170906,7 +171020,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -170927,8 +171041,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -170936,7 +171050,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -170946,7 +171060,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -170967,8 +171081,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -170976,7 +171090,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -170986,7 +171100,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -171007,16 +171121,16 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -172974,12 +173088,12 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -173922,10 +174036,10 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -174287,18 +174401,18 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-93"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-105"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -174310,7 +174424,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -174318,7 +174432,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -174335,8 +174449,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -174344,7 +174458,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -174352,7 +174466,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -174369,8 +174483,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -174378,7 +174492,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -174386,7 +174500,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -174403,8 +174517,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -174412,7 +174526,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -174420,7 +174534,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -174437,8 +174551,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -174446,7 +174560,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -174454,7 +174568,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -174471,12 +174585,12 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -174833,18 +174947,18 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-94"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-106"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -174856,7 +174970,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -174864,7 +174978,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -174881,8 +174995,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -174890,7 +175004,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -174898,7 +175012,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -174915,8 +175029,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -174924,7 +175038,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -174932,7 +175046,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -174949,8 +175063,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -174958,7 +175072,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -174966,7 +175080,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -174983,8 +175097,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -174992,7 +175106,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -175000,7 +175114,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -175017,12 +175131,12 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -175379,18 +175493,18 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-95"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-107"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -175402,7 +175516,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -175410,7 +175524,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -175427,8 +175541,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -175436,7 +175550,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -175444,7 +175558,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -175461,8 +175575,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -175470,7 +175584,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -175478,7 +175592,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -175495,8 +175609,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -175504,7 +175618,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -175512,7 +175626,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -175529,8 +175643,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -175538,7 +175652,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -175546,7 +175660,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -175563,12 +175677,12 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -175925,18 +176039,18 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-96"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-108"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -175948,7 +176062,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -175956,7 +176070,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -175973,8 +176087,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -175982,7 +176096,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -175990,7 +176104,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -176007,8 +176121,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -176016,7 +176130,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -176024,7 +176138,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -176041,8 +176155,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -176050,7 +176164,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -176058,7 +176172,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -176075,8 +176189,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -176084,7 +176198,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -176092,7 +176206,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -176109,12 +176223,12 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -176471,18 +176585,18 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-97"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-109"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -176494,7 +176608,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -176502,7 +176616,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -176519,8 +176633,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -176528,7 +176642,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -176536,7 +176650,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -176553,8 +176667,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -176562,7 +176676,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -176570,7 +176684,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -176587,8 +176701,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -176596,7 +176710,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -176604,7 +176718,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -176621,8 +176735,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -176630,7 +176744,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -176638,7 +176752,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -176655,12 +176769,12 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -177017,18 +177131,18 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-98"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-110"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -177040,7 +177154,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -177048,7 +177162,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -177065,8 +177179,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -177074,7 +177188,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -177082,7 +177196,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -177099,8 +177213,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -177108,7 +177222,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -177116,7 +177230,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -177133,8 +177247,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -177142,7 +177256,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -177150,7 +177264,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -177167,8 +177281,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -177176,7 +177290,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -177184,7 +177298,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -177201,12 +177315,12 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -177563,18 +177677,18 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-99"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-111"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -177586,7 +177700,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -177594,7 +177708,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -177611,8 +177725,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -177620,7 +177734,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -177628,7 +177742,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -177645,8 +177759,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -177654,7 +177768,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -177662,7 +177776,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -177679,8 +177793,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -177688,7 +177802,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -177696,7 +177810,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -177713,8 +177827,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -177722,7 +177836,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -177730,7 +177844,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -177747,12 +177861,12 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -178109,18 +178223,18 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-100"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-112"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -178132,7 +178246,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -178140,7 +178254,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -178157,8 +178271,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -178166,7 +178280,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -178174,7 +178288,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -178191,8 +178305,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -178200,7 +178314,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -178208,7 +178322,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -178225,8 +178339,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -178234,7 +178348,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -178242,7 +178356,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -178259,8 +178373,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -178268,7 +178382,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -178276,7 +178390,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -178293,12 +178407,12 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -178655,18 +178769,18 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-101"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-113"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -178678,7 +178792,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -178686,7 +178800,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -178703,8 +178817,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -178712,7 +178826,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -178720,7 +178834,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -178737,8 +178851,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -178746,7 +178860,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -178754,7 +178868,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -178771,8 +178885,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -178780,7 +178894,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -178788,7 +178902,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -178805,8 +178919,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -178814,7 +178928,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -178822,7 +178936,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -178839,17 +178953,17 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -179503,12 +179617,12 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -179520,10 +179634,10 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -179537,12 +179651,12 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -179774,11 +179888,17 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-84"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -179787,7 +179907,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -179798,7 +179918,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -179870,8 +179990,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -179879,7 +179999,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -179889,7 +180009,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -179910,8 +180030,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -179919,7 +180039,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -179929,7 +180049,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -179950,8 +180070,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -179959,7 +180079,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -179969,7 +180089,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -179990,8 +180110,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -179999,7 +180119,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -180009,7 +180129,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -180030,16 +180150,16 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -181997,12 +182117,12 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -182945,10 +183065,10 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -183310,18 +183430,18 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-75"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-85"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -183333,7 +183453,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -183341,7 +183461,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -183358,8 +183478,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -183367,7 +183487,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -183375,7 +183495,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -183392,8 +183512,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -183401,7 +183521,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -183409,7 +183529,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -183426,8 +183546,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -183435,7 +183555,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -183443,7 +183563,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -183460,8 +183580,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -183469,7 +183589,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -183477,7 +183597,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -183494,12 +183614,12 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -183856,18 +183976,18 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-76"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-86"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -183879,7 +183999,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -183887,7 +184007,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -183904,8 +184024,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -183913,7 +184033,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -183921,7 +184041,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -183938,8 +184058,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -183947,7 +184067,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -183955,7 +184075,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -183972,8 +184092,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -183981,7 +184101,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -183989,7 +184109,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -184006,8 +184126,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -184015,7 +184135,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -184023,7 +184143,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -184040,12 +184160,12 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -184402,18 +184522,18 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-77"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-87"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -184425,7 +184545,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -184433,7 +184553,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -184450,8 +184570,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -184459,7 +184579,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -184467,7 +184587,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -184484,8 +184604,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -184493,7 +184613,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -184501,7 +184621,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -184518,8 +184638,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -184527,7 +184647,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -184535,7 +184655,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -184552,8 +184672,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -184561,7 +184681,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -184569,7 +184689,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -184586,12 +184706,12 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -184948,18 +185068,18 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-78"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-88"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -184971,7 +185091,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -184979,7 +185099,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -184996,8 +185116,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -185005,7 +185125,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -185013,7 +185133,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -185030,8 +185150,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -185039,7 +185159,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -185047,7 +185167,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -185064,8 +185184,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -185073,7 +185193,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -185081,7 +185201,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -185098,8 +185218,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -185107,7 +185227,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -185115,7 +185235,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -185132,12 +185252,12 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -185494,18 +185614,18 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-79"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-89"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -185517,7 +185637,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -185525,7 +185645,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -185542,8 +185662,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -185551,7 +185671,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -185559,7 +185679,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -185576,8 +185696,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -185585,7 +185705,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -185593,7 +185713,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -185610,8 +185730,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -185619,7 +185739,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -185627,7 +185747,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -185644,8 +185764,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -185653,7 +185773,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -185661,7 +185781,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -185678,12 +185798,12 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -186040,18 +186160,18 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-80"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-90"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -186063,7 +186183,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -186071,7 +186191,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -186088,8 +186208,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -186097,7 +186217,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -186105,7 +186225,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -186122,8 +186242,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -186131,7 +186251,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -186139,7 +186259,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -186156,8 +186276,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -186165,7 +186285,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -186173,7 +186293,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -186190,8 +186310,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -186199,7 +186319,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -186207,7 +186327,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -186224,12 +186344,12 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -186586,18 +186706,18 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-81"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-91"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -186609,7 +186729,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -186617,7 +186737,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -186634,8 +186754,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -186643,7 +186763,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -186651,7 +186771,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -186668,8 +186788,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -186677,7 +186797,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -186685,7 +186805,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -186702,8 +186822,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -186711,7 +186831,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -186719,7 +186839,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -186736,8 +186856,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -186745,7 +186865,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -186753,7 +186873,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -186770,12 +186890,12 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -187132,18 +187252,18 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-82"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-92"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -187155,7 +187275,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -187163,7 +187283,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -187180,8 +187300,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -187189,7 +187309,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -187197,7 +187317,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -187214,8 +187334,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -187223,7 +187343,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -187231,7 +187351,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -187248,8 +187368,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -187257,7 +187377,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -187265,7 +187385,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -187282,8 +187402,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -187291,7 +187411,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -187299,7 +187419,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -187316,12 +187436,12 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -187678,18 +187798,18 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-83"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-93"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -187701,7 +187821,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -187709,7 +187829,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -187726,8 +187846,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -187735,7 +187855,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -187743,7 +187863,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -187760,8 +187880,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -187769,7 +187889,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -187777,7 +187897,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -187794,8 +187914,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -187803,7 +187923,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -187811,7 +187931,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -187828,8 +187948,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -187837,7 +187957,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -187845,7 +187965,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -187862,17 +187982,17 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -188526,12 +188646,12 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -188543,10 +188663,10 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -188560,12 +188680,12 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -188797,11 +188917,17 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-74"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -188810,7 +188936,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -188821,7 +188947,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -188893,8 +189019,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -188902,7 +189028,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -188912,7 +189038,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -188933,8 +189059,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -188942,7 +189068,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -188952,7 +189078,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -188973,8 +189099,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -188982,7 +189108,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -188992,7 +189118,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -189013,8 +189139,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -189022,7 +189148,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -189032,7 +189158,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -189053,16 +189179,16 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -191020,12 +191146,12 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -191968,10 +192094,10 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -192333,18 +192459,18 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-66"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-75"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -192356,7 +192482,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -192364,7 +192490,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -192381,8 +192507,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -192390,7 +192516,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -192398,7 +192524,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -192415,8 +192541,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -192424,7 +192550,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -192432,7 +192558,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -192449,8 +192575,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -192458,7 +192584,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -192466,7 +192592,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -192483,8 +192609,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -192492,7 +192618,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -192500,7 +192626,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -192517,12 +192643,12 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -192879,18 +193005,18 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-67"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-76"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -192902,7 +193028,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -192910,7 +193036,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -192927,8 +193053,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -192936,7 +193062,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -192944,7 +193070,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -192961,8 +193087,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -192970,7 +193096,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -192978,7 +193104,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -192995,8 +193121,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -193004,7 +193130,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -193012,7 +193138,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -193029,8 +193155,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -193038,7 +193164,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -193046,7 +193172,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -193063,12 +193189,12 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -193425,18 +193551,18 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-68"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-77"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -193448,7 +193574,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -193456,7 +193582,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -193473,8 +193599,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -193482,7 +193608,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -193490,7 +193616,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -193507,8 +193633,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -193516,7 +193642,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -193524,7 +193650,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -193541,8 +193667,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -193550,7 +193676,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -193558,7 +193684,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -193575,8 +193701,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -193584,7 +193710,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -193592,7 +193718,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -193609,12 +193735,12 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -193971,18 +194097,18 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-69"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-78"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -193994,7 +194120,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -194002,7 +194128,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -194019,8 +194145,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -194028,7 +194154,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -194036,7 +194162,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -194053,8 +194179,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -194062,7 +194188,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -194070,7 +194196,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -194087,8 +194213,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -194096,7 +194222,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -194104,7 +194230,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -194121,8 +194247,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -194130,7 +194256,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -194138,7 +194264,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -194155,12 +194281,12 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -194517,18 +194643,18 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-70"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-79"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -194540,7 +194666,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -194548,7 +194674,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -194565,8 +194691,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -194574,7 +194700,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -194582,7 +194708,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -194599,8 +194725,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -194608,7 +194734,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -194616,7 +194742,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -194633,8 +194759,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -194642,7 +194768,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -194650,7 +194776,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -194667,8 +194793,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -194676,7 +194802,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -194684,7 +194810,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -194701,12 +194827,12 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -195063,18 +195189,18 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-71"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-80"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -195086,7 +195212,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -195094,7 +195220,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -195111,8 +195237,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -195120,7 +195246,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -195128,7 +195254,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -195145,8 +195271,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -195154,7 +195280,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -195162,7 +195288,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -195179,8 +195305,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -195188,7 +195314,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -195196,7 +195322,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -195213,8 +195339,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -195222,7 +195348,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -195230,7 +195356,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -195247,12 +195373,12 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -195609,18 +195735,18 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-72"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-81"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -195632,7 +195758,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -195640,7 +195766,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -195657,8 +195783,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -195666,7 +195792,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -195674,7 +195800,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -195691,8 +195817,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -195700,7 +195826,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -195708,7 +195834,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -195725,8 +195851,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -195734,7 +195860,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -195742,7 +195868,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -195759,8 +195885,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -195768,7 +195894,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -195776,7 +195902,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -195793,12 +195919,12 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -196155,18 +196281,18 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-73"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-82"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -196178,7 +196304,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -196186,7 +196312,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -196203,8 +196329,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -196212,7 +196338,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -196220,7 +196346,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -196237,8 +196363,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -196246,7 +196372,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -196254,7 +196380,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -196271,8 +196397,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -196280,7 +196406,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -196288,7 +196414,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -196305,8 +196431,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -196314,7 +196440,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -196322,7 +196448,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -196339,12 +196465,12 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -196701,18 +196827,18 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-74"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-83"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -196724,7 +196850,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -196732,7 +196858,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -196749,8 +196875,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -196758,7 +196884,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -196766,7 +196892,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -196783,8 +196909,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -196792,7 +196918,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -196800,7 +196926,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -196817,8 +196943,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -196826,7 +196952,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -196834,7 +196960,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -196851,8 +196977,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -196860,7 +196986,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -196868,7 +196994,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -196885,17 +197011,17 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -197549,12 +197675,12 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -197566,10 +197692,10 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -197583,12 +197709,12 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -197820,11 +197946,17 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-94"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -197833,7 +197965,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -197844,7 +197976,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -197916,8 +198048,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -197925,7 +198057,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -197935,7 +198067,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -197956,8 +198088,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -197965,7 +198097,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -197975,7 +198107,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -197996,8 +198128,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -198005,7 +198137,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -198015,7 +198147,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -198036,8 +198168,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -198045,7 +198177,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -198055,7 +198187,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -198076,16 +198208,16 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -200043,12 +200175,12 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -200991,10 +201123,10 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -201356,18 +201488,18 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-84"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-95"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -201379,7 +201511,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -201387,7 +201519,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -201404,8 +201536,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -201413,7 +201545,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -201421,7 +201553,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -201438,8 +201570,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -201447,7 +201579,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -201455,7 +201587,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -201472,8 +201604,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -201481,7 +201613,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -201489,7 +201621,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -201506,8 +201638,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -201515,7 +201647,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -201523,7 +201655,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -201540,12 +201672,12 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -201902,18 +202034,18 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-85"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-96"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -201925,7 +202057,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -201933,7 +202065,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -201950,8 +202082,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -201959,7 +202091,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -201967,7 +202099,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -201984,8 +202116,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -201993,7 +202125,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -202001,7 +202133,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -202018,8 +202150,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -202027,7 +202159,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -202035,7 +202167,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -202052,8 +202184,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -202061,7 +202193,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -202069,7 +202201,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -202086,12 +202218,12 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -202448,18 +202580,18 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-86"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-97"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -202471,7 +202603,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -202479,7 +202611,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -202496,8 +202628,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -202505,7 +202637,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -202513,7 +202645,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -202530,8 +202662,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -202539,7 +202671,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -202547,7 +202679,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -202564,8 +202696,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -202573,7 +202705,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -202581,7 +202713,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -202598,8 +202730,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -202607,7 +202739,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -202615,7 +202747,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -202632,12 +202764,12 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -202994,18 +203126,18 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-87"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-98"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -203017,7 +203149,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -203025,7 +203157,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -203042,8 +203174,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -203051,7 +203183,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -203059,7 +203191,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -203076,8 +203208,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -203085,7 +203217,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -203093,7 +203225,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -203110,8 +203242,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -203119,7 +203251,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -203127,7 +203259,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -203144,8 +203276,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -203153,7 +203285,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -203161,7 +203293,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -203178,12 +203310,12 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -203540,18 +203672,18 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-88"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-99"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -203563,7 +203695,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -203571,7 +203703,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -203588,8 +203720,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -203597,7 +203729,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -203605,7 +203737,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -203622,8 +203754,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -203631,7 +203763,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -203639,7 +203771,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -203656,8 +203788,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -203665,7 +203797,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -203673,7 +203805,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -203690,8 +203822,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -203699,7 +203831,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -203707,7 +203839,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -203724,12 +203856,12 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -204086,18 +204218,18 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-89"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-100"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -204109,7 +204241,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -204117,7 +204249,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -204134,8 +204266,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -204143,7 +204275,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -204151,7 +204283,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -204168,8 +204300,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -204177,7 +204309,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -204185,7 +204317,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -204202,8 +204334,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -204211,7 +204343,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -204219,7 +204351,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -204236,8 +204368,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -204245,7 +204377,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -204253,7 +204385,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -204270,12 +204402,12 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -204632,18 +204764,18 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-90"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-101"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -204655,7 +204787,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -204663,7 +204795,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -204680,8 +204812,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -204689,7 +204821,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -204697,7 +204829,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -204714,8 +204846,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -204723,7 +204855,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -204731,7 +204863,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -204748,8 +204880,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -204757,7 +204889,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -204765,7 +204897,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -204782,8 +204914,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -204791,7 +204923,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -204799,7 +204931,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -204816,12 +204948,12 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -205178,18 +205310,18 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-91"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-102"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -205201,7 +205333,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -205209,7 +205341,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -205226,8 +205358,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -205235,7 +205367,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -205243,7 +205375,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -205260,8 +205392,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -205269,7 +205401,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -205277,7 +205409,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -205294,8 +205426,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -205303,7 +205435,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -205311,7 +205443,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -205328,8 +205460,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -205337,7 +205469,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -205345,7 +205477,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -205362,12 +205494,12 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -205724,18 +205856,18 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-92"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-103"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -205747,7 +205879,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -205755,7 +205887,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -205772,8 +205904,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -205781,7 +205913,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -205789,7 +205921,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -205806,8 +205938,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -205815,7 +205947,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -205823,7 +205955,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -205840,8 +205972,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -205849,7 +205981,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -205857,7 +205989,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -205874,8 +206006,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -205883,7 +206015,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -205891,7 +206023,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -205908,17 +206040,17 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -206572,12 +206704,12 @@ exports[`Table variants Size - compact 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -206589,10 +206721,10 @@ exports[`Table variants Size - compact 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -206606,12 +206738,12 @@ exports[`Table variants Size - compact 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -206843,11 +206975,17 @@ exports[`Table variants Size - compact 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-114"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -206856,7 +206994,7 @@ exports[`Table variants Size - compact 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -206867,7 +207005,7 @@ exports[`Table variants Size - compact 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -206939,8 +207077,8 @@ exports[`Table variants Size - compact 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -206948,7 +207086,7 @@ exports[`Table variants Size - compact 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -206958,7 +207096,7 @@ exports[`Table variants Size - compact 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -206979,8 +207117,8 @@ exports[`Table variants Size - compact 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -206988,7 +207126,7 @@ exports[`Table variants Size - compact 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -206998,7 +207136,7 @@ exports[`Table variants Size - compact 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -207019,8 +207157,8 @@ exports[`Table variants Size - compact 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -207028,7 +207166,7 @@ exports[`Table variants Size - compact 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -207038,7 +207176,7 @@ exports[`Table variants Size - compact 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -207059,8 +207197,8 @@ exports[`Table variants Size - compact 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -207068,7 +207206,7 @@ exports[`Table variants Size - compact 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -207078,7 +207216,7 @@ exports[`Table variants Size - compact 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -207099,16 +207237,16 @@ exports[`Table variants Size - compact 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -209066,12 +209204,12 @@ exports[`Table variants Size - compact 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -210014,10 +210152,10 @@ exports[`Table variants Size - compact 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -210379,18 +210517,18 @@ exports[`Table variants Size - compact 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-102"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-115"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -210402,7 +210540,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -210410,7 +210548,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -210427,8 +210565,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -210436,7 +210574,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -210444,7 +210582,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -210461,8 +210599,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -210470,7 +210608,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -210478,7 +210616,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -210495,8 +210633,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -210504,7 +210642,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -210512,7 +210650,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -210529,8 +210667,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -210538,7 +210676,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -210546,7 +210684,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -210563,12 +210701,12 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -210925,18 +211063,18 @@ exports[`Table variants Size - compact 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-103"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-116"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -210948,7 +211086,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -210956,7 +211094,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -210973,8 +211111,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -210982,7 +211120,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -210990,7 +211128,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -211007,8 +211145,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -211016,7 +211154,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -211024,7 +211162,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -211041,8 +211179,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -211050,7 +211188,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -211058,7 +211196,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -211075,8 +211213,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -211084,7 +211222,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -211092,7 +211230,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -211109,12 +211247,12 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -211471,18 +211609,18 @@ exports[`Table variants Size - compact 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-104"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-117"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -211494,7 +211632,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -211502,7 +211640,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -211519,8 +211657,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -211528,7 +211666,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -211536,7 +211674,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -211553,8 +211691,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -211562,7 +211700,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -211570,7 +211708,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -211587,8 +211725,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -211596,7 +211734,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -211604,7 +211742,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -211621,8 +211759,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -211630,7 +211768,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -211638,7 +211776,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -211655,12 +211793,12 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -212017,18 +212155,18 @@ exports[`Table variants Size - compact 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-105"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-118"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -212040,7 +212178,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -212048,7 +212186,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -212065,8 +212203,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -212074,7 +212212,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -212082,7 +212220,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -212099,8 +212237,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -212108,7 +212246,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -212116,7 +212254,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -212133,8 +212271,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -212142,7 +212280,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -212150,7 +212288,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -212167,8 +212305,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -212176,7 +212314,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -212184,7 +212322,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -212201,12 +212339,12 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -212563,18 +212701,18 @@ exports[`Table variants Size - compact 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-106"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-119"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -212586,7 +212724,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -212594,7 +212732,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -212611,8 +212749,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -212620,7 +212758,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -212628,7 +212766,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -212645,8 +212783,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -212654,7 +212792,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -212662,7 +212800,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -212679,8 +212817,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -212688,7 +212826,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -212696,7 +212834,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -212713,8 +212851,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -212722,7 +212860,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -212730,7 +212868,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -212747,12 +212885,12 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -213109,18 +213247,18 @@ exports[`Table variants Size - compact 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-107"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-120"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -213132,7 +213270,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -213140,7 +213278,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -213157,8 +213295,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -213166,7 +213304,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -213174,7 +213312,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -213191,8 +213329,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -213200,7 +213338,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -213208,7 +213346,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -213225,8 +213363,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -213234,7 +213372,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -213242,7 +213380,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -213259,8 +213397,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -213268,7 +213406,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -213276,7 +213414,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -213293,12 +213431,12 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -213655,18 +213793,18 @@ exports[`Table variants Size - compact 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-108"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-121"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -213678,7 +213816,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -213686,7 +213824,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -213703,8 +213841,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -213712,7 +213850,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -213720,7 +213858,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -213737,8 +213875,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -213746,7 +213884,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -213754,7 +213892,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -213771,8 +213909,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -213780,7 +213918,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -213788,7 +213926,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -213805,8 +213943,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -213814,7 +213952,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -213822,7 +213960,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -213839,12 +213977,12 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -214201,18 +214339,18 @@ exports[`Table variants Size - compact 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-109"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-122"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -214224,7 +214362,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -214232,7 +214370,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -214249,8 +214387,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -214258,7 +214396,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -214266,7 +214404,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -214283,8 +214421,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -214292,7 +214430,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -214300,7 +214438,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -214317,8 +214455,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -214326,7 +214464,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -214334,7 +214472,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -214351,8 +214489,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -214360,7 +214498,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -214368,7 +214506,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -214385,12 +214523,12 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -214747,18 +214885,18 @@ exports[`Table variants Size - compact 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-110"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-123"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -214770,7 +214908,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -214778,7 +214916,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -214795,8 +214933,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -214804,7 +214942,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -214812,7 +214950,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -214829,8 +214967,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -214838,7 +214976,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -214846,7 +214984,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -214863,8 +215001,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -214872,7 +215010,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -214880,7 +215018,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -214897,8 +215035,8 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -214906,7 +215044,7 @@ exports[`Table variants Size - compact 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -214914,7 +215052,7 @@ exports[`Table variants Size - compact 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -214931,17 +215069,17 @@ exports[`Table variants Size - compact 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -215595,12 +215733,12 @@ exports[`Table variants Size - compactBorderless 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -215612,10 +215750,10 @@ exports[`Table variants Size - compactBorderless 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -215629,12 +215767,12 @@ exports[`Table variants Size - compactBorderless 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -215866,11 +216004,17 @@ exports[`Table variants Size - compactBorderless 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-124"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -215879,7 +216023,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -215890,7 +216034,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -215962,8 +216106,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -215971,7 +216115,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -215981,7 +216125,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -216002,8 +216146,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -216011,7 +216155,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -216021,7 +216165,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -216042,8 +216186,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -216051,7 +216195,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -216061,7 +216205,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -216082,8 +216226,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -216091,7 +216235,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -216101,7 +216245,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -216122,16 +216266,16 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -218089,12 +218233,12 @@ exports[`Table variants Size - compactBorderless 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -219037,10 +219181,10 @@ exports[`Table variants Size - compactBorderless 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -219402,18 +219546,18 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-111"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-125"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -219425,7 +219569,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -219433,7 +219577,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -219450,8 +219594,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -219459,7 +219603,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -219467,7 +219611,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -219484,8 +219628,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -219493,7 +219637,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -219501,7 +219645,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -219518,8 +219662,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -219527,7 +219671,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -219535,7 +219679,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -219552,8 +219696,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -219561,7 +219705,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -219569,7 +219713,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -219586,12 +219730,12 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -219948,18 +220092,18 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-112"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-126"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -219971,7 +220115,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -219979,7 +220123,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -219996,8 +220140,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -220005,7 +220149,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -220013,7 +220157,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -220030,8 +220174,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -220039,7 +220183,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -220047,7 +220191,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -220064,8 +220208,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -220073,7 +220217,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -220081,7 +220225,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -220098,8 +220242,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -220107,7 +220251,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -220115,7 +220259,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -220132,12 +220276,12 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -220494,18 +220638,18 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-113"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-127"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -220517,7 +220661,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -220525,7 +220669,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -220542,8 +220686,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -220551,7 +220695,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -220559,7 +220703,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -220576,8 +220720,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -220585,7 +220729,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -220593,7 +220737,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -220610,8 +220754,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -220619,7 +220763,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -220627,7 +220771,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -220644,8 +220788,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -220653,7 +220797,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -220661,7 +220805,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -220678,12 +220822,12 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -221040,18 +221184,18 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-114"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-128"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -221063,7 +221207,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -221071,7 +221215,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -221088,8 +221232,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -221097,7 +221241,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -221105,7 +221249,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -221122,8 +221266,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -221131,7 +221275,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -221139,7 +221283,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -221156,8 +221300,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -221165,7 +221309,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -221173,7 +221317,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -221190,8 +221334,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -221199,7 +221343,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -221207,7 +221351,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -221224,12 +221368,12 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -221586,18 +221730,18 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-115"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-129"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -221609,7 +221753,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -221617,7 +221761,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -221634,8 +221778,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -221643,7 +221787,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -221651,7 +221795,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -221668,8 +221812,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -221677,7 +221821,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -221685,7 +221829,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -221702,8 +221846,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -221711,7 +221855,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -221719,7 +221863,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -221736,8 +221880,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -221745,7 +221889,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -221753,7 +221897,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -221770,12 +221914,12 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -222132,18 +222276,18 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-116"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-130"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -222155,7 +222299,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -222163,7 +222307,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -222180,8 +222324,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -222189,7 +222333,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -222197,7 +222341,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -222214,8 +222358,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -222223,7 +222367,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -222231,7 +222375,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -222248,8 +222392,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -222257,7 +222401,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -222265,7 +222409,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -222282,8 +222426,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -222291,7 +222435,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -222299,7 +222443,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -222316,12 +222460,12 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -222678,18 +222822,18 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-117"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-131"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -222701,7 +222845,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -222709,7 +222853,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -222726,8 +222870,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -222735,7 +222879,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -222743,7 +222887,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -222760,8 +222904,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -222769,7 +222913,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -222777,7 +222921,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -222794,8 +222938,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -222803,7 +222947,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -222811,7 +222955,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -222828,8 +222972,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -222837,7 +222981,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -222845,7 +222989,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -222862,12 +223006,12 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -223224,18 +223368,18 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-118"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-132"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -223247,7 +223391,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -223255,7 +223399,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -223272,8 +223416,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -223281,7 +223425,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -223289,7 +223433,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -223306,8 +223450,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -223315,7 +223459,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -223323,7 +223467,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -223340,8 +223484,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -223349,7 +223493,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -223357,7 +223501,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -223374,8 +223518,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -223383,7 +223527,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -223391,7 +223535,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -223408,12 +223552,12 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -223770,18 +223914,18 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-119"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-133"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -223793,7 +223937,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -223801,7 +223945,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -223818,8 +223962,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -223827,7 +223971,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -223835,7 +223979,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -223852,8 +223996,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -223861,7 +224005,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -223869,7 +224013,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -223886,8 +224030,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -223895,7 +224039,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -223903,7 +224047,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -223920,8 +224064,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -223929,7 +224073,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -223937,7 +224081,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -223954,17 +224098,17 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
@@ -224618,12 +224762,12 @@ exports[`Table variants Size - compactExpandable 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -224635,10 +224779,10 @@ exports[`Table variants Size - compactExpandable 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -224652,12 +224796,12 @@ exports[`Table variants Size - compactExpandable 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -224889,11 +225033,17 @@ exports[`Table variants Size - compactExpandable 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-134"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -224902,7 +225052,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -224913,7 +225063,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -224985,8 +225135,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -224994,7 +225144,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -225004,7 +225154,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -225025,8 +225175,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -225034,7 +225184,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -225044,7 +225194,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -225065,8 +225215,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -225074,7 +225224,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -225084,7 +225234,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -225105,8 +225255,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -225114,7 +225264,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -225124,7 +225274,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -225145,16 +225295,16 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -227112,12 +227262,12 @@ exports[`Table variants Size - compactExpandable 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -228060,10 +228210,10 @@ exports[`Table variants Size - compactExpandable 1`] = `
                       ]
                     }
                   >
-                    <BaseTableBody
+                    <TBody
                       className=""
                     >
-                      <BaseTableBodyBase
+                      <TBodyBase
                         className=""
                         innerRef={null}
                       >
@@ -228425,18 +228575,18 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-120"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-135"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -228448,7 +228598,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-0-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -228456,7 +228606,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -228473,8 +228623,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -228482,7 +228632,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-1-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -228490,7 +228640,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -228507,8 +228657,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -228516,7 +228666,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-2-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -228524,7 +228674,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -228541,8 +228691,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -228550,7 +228700,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-3-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -228558,7 +228708,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -228575,8 +228725,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -228584,7 +228734,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-4-row-0"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -228592,7 +228742,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -228609,12 +228759,12 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -228971,18 +229121,18 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-121"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-136"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -228994,7 +229144,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-0-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -229002,7 +229152,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -229019,8 +229169,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -229028,7 +229178,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-1-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -229036,7 +229186,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -229053,8 +229203,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -229062,7 +229212,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-2-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -229070,7 +229220,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -229087,8 +229237,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -229096,7 +229246,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-3-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -229104,7 +229254,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -229121,8 +229271,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -229130,7 +229280,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-4-row-1"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -229138,7 +229288,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -229155,12 +229305,12 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -229517,18 +229667,18 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-122"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-137"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -229540,7 +229690,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-0-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -229548,7 +229698,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -229565,8 +229715,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -229574,7 +229724,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-1-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -229582,7 +229732,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -229599,8 +229749,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -229608,7 +229758,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-2-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -229616,7 +229766,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -229633,8 +229783,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -229642,7 +229792,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-3-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -229650,7 +229800,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -229667,8 +229817,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -229676,7 +229826,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-4-row-2"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -229684,7 +229834,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -229701,12 +229851,12 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -230063,18 +230213,18 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-123"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-138"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -230086,7 +230236,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-0-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -230094,7 +230244,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -230111,8 +230261,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -230120,7 +230270,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-1-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -230128,7 +230278,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -230145,8 +230295,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -230154,7 +230304,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-2-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -230162,7 +230312,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -230179,8 +230329,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -230188,7 +230338,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-3-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -230196,7 +230346,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -230213,8 +230363,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -230222,7 +230372,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-4-row-3"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -230230,7 +230380,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -230247,12 +230397,12 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -230609,18 +230759,18 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-124"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-139"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -230632,7 +230782,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-0-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -230640,7 +230790,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -230657,8 +230807,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -230666,7 +230816,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-1-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -230674,7 +230824,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -230691,8 +230841,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -230700,7 +230850,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-2-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -230708,7 +230858,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -230725,8 +230875,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -230734,7 +230884,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-3-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -230742,7 +230892,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -230759,8 +230909,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -230768,7 +230918,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-4-row-4"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -230776,7 +230926,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -230793,12 +230943,12 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -231155,18 +231305,18 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-125"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-140"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -231178,7 +231328,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-0-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -231186,7 +231336,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -231203,8 +231353,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -231212,7 +231362,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-1-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -231220,7 +231370,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -231237,8 +231387,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -231246,7 +231396,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-2-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -231254,7 +231404,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -231271,8 +231421,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -231280,7 +231430,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-3-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -231288,7 +231438,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -231305,8 +231455,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -231314,7 +231464,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-4-row-5"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -231322,7 +231472,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -231339,12 +231489,12 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -231701,18 +231851,18 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-126"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-141"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -231724,7 +231874,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-0-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -231732,7 +231882,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -231749,8 +231899,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -231758,7 +231908,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-1-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -231766,7 +231916,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -231783,8 +231933,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -231792,7 +231942,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-2-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -231800,7 +231950,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -231817,8 +231967,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -231826,7 +231976,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-3-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -231834,7 +231984,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -231851,8 +232001,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -231860,7 +232010,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-4-row-6"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -231868,7 +232018,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -231885,12 +232035,12 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -232247,18 +232397,18 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-127"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-142"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -232270,7 +232420,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-0-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -232278,7 +232428,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -232295,8 +232445,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -232304,7 +232454,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-1-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -232312,7 +232462,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -232329,8 +232479,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -232338,7 +232488,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-2-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -232346,7 +232496,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -232363,8 +232513,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -232372,7 +232522,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-3-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -232380,7 +232530,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -232397,8 +232547,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -232406,7 +232556,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-4-row-7"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -232414,7 +232564,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -232431,12 +232581,12 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                           <BodyRow
@@ -232793,18 +232943,18 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 }
                               }
                             >
-                              <BaseTableBodyRow
+                              <Tr
                                 className=""
                                 onMouseDown={[Function]}
                               >
-                                <BaseTableBodyRowBase
+                                <TrBase
                                   className=""
                                   innerRef={null}
                                   onMouseDown={[Function]}
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-128"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-143"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -232816,7 +232966,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-0-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={0}
@@ -232824,7 +232974,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={0}
@@ -232841,8 +232991,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             one
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={1}
@@ -232850,7 +233000,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-1-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={1}
@@ -232858,7 +233008,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={1}
@@ -232875,8 +233025,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             two
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={2}
@@ -232884,7 +233034,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-2-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={2}
@@ -232892,7 +233042,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={2}
@@ -232909,8 +233059,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             three
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={3}
@@ -232918,7 +233068,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-3-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={3}
@@ -232926,7 +233076,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={3}
@@ -232943,8 +233093,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             four
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                     <BodyCell
                                       data-key={4}
@@ -232952,7 +233102,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       isVisible={true}
                                       key="col-4-row-8"
                                     >
-                                      <BaseBodyCell
+                                      <Td
                                         className=""
                                         component="td"
                                         data-key={4}
@@ -232960,7 +233110,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                         onMouseEnter={[Function]}
                                         textCenter={false}
                                       >
-                                        <BaseBodyCellBase
+                                        <TdBase
                                           className=""
                                           component="td"
                                           data-key={4}
@@ -232977,17 +233127,17 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                           >
                                             five
                                           </td>
-                                        </BaseBodyCellBase>
-                                      </BaseBodyCell>
+                                        </TdBase>
+                                      </Td>
                                     </BodyCell>
                                   </tr>
-                                </BaseTableBodyRowBase>
-                              </BaseTableBodyRow>
+                                </TrBase>
+                              </Tr>
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </BaseTableBodyBase>
-                    </BaseTableBody>
+                      </TBodyBase>
+                    </TBody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
diff --git a/packages/react-table/src/components/Table/base/types.tsx b/packages/react-table/src/components/Table/base/types.tsx
index 5016013efd7..a0e59bde28c 100644
--- a/packages/react-table/src/components/Table/base/types.tsx
+++ b/packages/react-table/src/components/Table/base/types.tsx
@@ -8,12 +8,11 @@
 import * as React from 'react';
 import { TooltipProps, PopoverProps } from '@patternfly/react-core';
 import { BaseTable } from '../../BaseTable/BaseTable';
-import { BaseTableHead } from '../../BaseTable/BaseTableHead';
-import { BaseTableHeaderRow } from '../../BaseTable/BaseTableHeaderRow';
-import { BaseTableBody } from '../../BaseTable/BaseTableBody';
-import { BaseTableBodyRow } from '../../BaseTable/BaseTableBodyRow';
-import { BaseHeaderCell } from '../../BaseTable/BaseHeaderCell';
-import { BaseBodyCell } from '../../BaseTable/BaseBodyCell';
+import { THead } from '../../BaseTable/THead';
+import { TBody } from '../../BaseTable/TBody';
+import { Tr } from '../../BaseTable/Tr';
+import { Th } from '../../BaseTable/Th';
+import { Td } from '../../BaseTable/Td';
 
 // Cell Type
 export interface CellType {
@@ -63,14 +62,14 @@ export const TableDefaults = {
   renderers: {
     table: BaseTable,
     header: {
-      wrapper: BaseTableHead,
-      row: BaseTableHeaderRow,
-      cell: BaseHeaderCell
+      wrapper: THead,
+      row: Tr,
+      cell: Th
     },
     body: {
-      wrapper: BaseTableBody,
-      row: BaseTableBodyRow,
-      cell: BaseBodyCell
+      wrapper: TBody,
+      row: Tr,
+      cell: Td
     }
   }
 };
diff --git a/packages/react-table/src/components/Table/examples/ComposableTable.md b/packages/react-table/src/components/Table/examples/ComposableTable.md
index e990812285a..7ed0feff7b9 100644
--- a/packages/react-table/src/components/Table/examples/ComposableTable.md
+++ b/packages/react-table/src/components/Table/examples/ComposableTable.md
@@ -2,17 +2,7 @@
 id: TableComposable
 cssPrefix: pf-c-table
 section: components
-propComponents:
-  [
-    'BaseTable',
-    'BaseTableCaption',
-    'BaseTableHead',
-    'BaseTableBody',
-    'BaseTableHeaderRow',
-    'BaseTableBodyRow',
-    'BaseHeaderCell',
-    'BaseBodyCell',
-  ]
+propComponents: ['BaseTable', 'Caption', 'THead', 'TBody', 'Tr', 'Tr', 'Th', 'Td']
 ouia: true
 beta: true
 ---
@@ -34,30 +24,15 @@ import DemoSortableTable from './DemoSortableTable';
 
 A basic example using the Base\* table components. Some general notes:
 
-- Provide `dataLabel` prop to the `BaseBodyCell` components so that in mobile view the cell has a label to provide context.
-- If you want a table caption, simply place a `<BaseTableCaption>My caption</BaseTableCaption>` as the first child within a `BaseTable`.
+- Provide `dataLabel` prop to the `Td` components so that in mobile view the cell has a label to provide context.
+- If you want a table caption, simply place a `<Caption>My caption</Caption>` as the first child within a `BaseTable`.
 
 ```js isBeta
 import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell,
-  BaseTableCaption
-} from '@patternfly/react-table';
+import { BaseTable, THead, TBody, Tr, Th, Td, Caption } from '@patternfly/react-table';
 
 ComposableTableBasic = () => {
-  const columns = [
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit'
-  ];
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
   const rows = [
     ['one', 'two', 'three', 'four', 'five'],
     ['one - 2', null, null, 'four - 2', 'five - 2'],
@@ -65,25 +40,25 @@ ComposableTableBasic = () => {
   ];
   return (
     <BaseTable aria-label="Simple table using composable components">
-      <BaseTableCaption>Simple table using composable components</BaseTableCaption>
-      <BaseTableHead>
-        <BaseTableHeaderRow>
+      <Caption>Simple table using composable components</Caption>
+      <THead>
+        <Tr>
           {columns.map((column, columnIndex) => (
-            <BaseHeaderCell key={columnIndex}>{column}</BaseHeaderCell>
+            <Th key={columnIndex}>{column}</Th>
           ))}
-        </BaseTableHeaderRow>
-      </BaseTableHead>
-      <BaseTableBody>
+        </Tr>
+      </THead>
+      <TBody>
         {rows.map((row, rowIndex) => (
-          <BaseTableBodyRow key={rowIndex}>
+          <Tr key={rowIndex}>
             {row.map((cell, cellIndex) => (
-              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+              <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
                 {cell}
-              </BaseBodyCell>
+              </Td>
             ))}
-          </BaseTableBodyRow>
+          </Tr>
         ))}
-      </BaseTableBody>
+      </TBody>
     </BaseTable>
   );
 };
@@ -94,31 +69,16 @@ ComposableTableBasic = () => {
 This example demonstrates customizing rows, adding tooltip and popover information to header items, and some other misc. props.
 
 - You can wrap the header cell contents in a `HeaderCellInfoWrapper` component to give it a tooltip or popover
-- If you add the `noWrap` prop to `BaseTableHead`, it won't wrap it if there is no space
-- You can add the `textCenter` prop to `BaseHeaderCell` or `BaseBodyCell` to center the contents
-- You can pass `onClick`, `className`, `style` and more to `BaseTableBodyRow`
+- If you add the `noWrap` prop to `THead`, it won't wrap it if there is no space
+- You can add the `textCenter` prop to `Th` or `Td` to center the contents
+- You can pass `onClick`, `className`, `style` and more to `Tr`
 
 ```js isBeta
 import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell,
-  HeaderCellInfoWrapper
-} from '@patternfly/react-table';
+import { BaseTable, THead, TBody, Tr, Th, Td, HeaderCellInfoWrapper } from '@patternfly/react-table';
 
 ComposableTableMisc = () => {
-  const columns = [
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit'
-  ];
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
   const rows = [
     ['one', 'two', 'three', 'four', 'five'],
     [{ title: 'one - 2', colSpan: 3 }, null, null, 'four - 2', 'five - 2'],
@@ -129,9 +89,9 @@ ComposableTableMisc = () => {
   };
   return (
     <BaseTable aria-label="Misc table">
-      <BaseTableHead noWrap>
-        <BaseTableHeaderRow>
-          <BaseHeaderCell>
+      <THead noWrap>
+        <Tr>
+          <Th>
             <HeaderCellInfoWrapper
               variant="tooltip"
               info="More information about repositories"
@@ -142,9 +102,9 @@ ComposableTableMisc = () => {
             >
               {columns[0]}
             </HeaderCellInfoWrapper>
-          </BaseHeaderCell>
-          <BaseHeaderCell>{columns[1]}</BaseHeaderCell>
-          <BaseHeaderCell>
+          </Th>
+          <Th>{columns[1]}</Th>
+          <Th>
             <HeaderCellInfoWrapper
               variant="popover"
               info={
@@ -160,19 +120,19 @@ ComposableTableMisc = () => {
             >
               {columns[2]}
             </HeaderCellInfoWrapper>
-          </BaseHeaderCell>
-          <BaseHeaderCell>{columns[3]}</BaseHeaderCell>
-          <BaseHeaderCell textCenter>{columns[4]}</BaseHeaderCell>
-        </BaseTableHeaderRow>
-      </BaseTableHead>
-      <BaseTableBody>
+          </Th>
+          <Th>{columns[3]}</Th>
+          <Th textCenter>{columns[4]}</Th>
+        </Tr>
+      </THead>
+      <TBody>
         {rows.map((row, rowIndex) => {
           const isOddRow = (rowIndex + 1) % 2;
           const customStyle = {
             borderLeft: '3px solid var(--pf-global--primary-color--100)'
           };
           return (
-            <BaseTableBodyRow
+            <Tr
               key={rowIndex}
               onClick={event => onRowClick(event, rowIndex, row)}
               className={isOddRow ? 'odd-row-class' : 'even-row-class'}
@@ -186,13 +146,13 @@ ComposableTableMisc = () => {
                 if (typeof cell !== 'object') {
                   cellObject = {
                     title: cell
-                  }
+                  };
                 } else {
                   cellObject = cell;
                 }
                 const { title, ...rest } = cellObject;
                 return (
-                  <BaseBodyCell
+                  <Td
                     key={`${rowIndex}_${cellIndex}`}
                     columnIndex={cellIndex}
                     dataLabel={columns[cellIndex]}
@@ -200,13 +160,13 @@ ComposableTableMisc = () => {
                     {...rest}
                   >
                     {title}
-                  </BaseBodyCell>
+                  </Td>
                 );
               })}
-            </BaseTableBodyRow>
+            </Tr>
           );
         })}
-      </BaseTableBody>
+      </TBody>
     </BaseTable>
   );
 };
@@ -214,19 +174,11 @@ ComposableTableMisc = () => {
 
 ### Sortable, sortable with wrapping headers
 
-This example demonstrates making columns sortable, and wrapping header text. For sorting it is also important to pass the `columnIndex` to the `BaseHeaderCell`.
+This example demonstrates making columns sortable, and wrapping header text. For sorting it is also important to pass the `columnIndex` to the `Th`.
 
 ```js isBeta
 import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell
-} from '@patternfly/react-table';
+import { BaseTable, THead, TBody, Tr, Th, Td } from '@patternfly/react-table';
 
 ComposableTableSortable = () => {
   const columns = [
@@ -268,8 +220,8 @@ ComposableTableSortable = () => {
   };
   return (
     <BaseTable aria-label="Sortable Table">
-      <BaseTableHead>
-        <BaseTableHeaderRow>
+      <THead>
+        <Tr>
           {columns.map((column, columnIndex) => {
             // In this example, wrap all but the first column just to demonstrate
             const modifier = columnIndex !== 0 ? 'wrap' : null;
@@ -284,24 +236,24 @@ ComposableTableSortable = () => {
                   }
                 : {};
             return (
-              <BaseHeaderCell key={columnIndex} modifier={modifier} {...sortParams}>
+              <Th key={columnIndex} modifier={modifier} {...sortParams}>
                 {column}
-              </BaseHeaderCell>
+              </Th>
             );
           })}
-        </BaseTableHeaderRow>
-      </BaseTableHead>
-      <BaseTableBody>
+        </Tr>
+      </THead>
+      <TBody>
         {rows.map((row, rowIndex) => (
-          <BaseTableBodyRow key={rowIndex}>
+          <Tr key={rowIndex}>
             {row.map((cell, cellIndex) => (
-              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+              <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
                 {cell}
-              </BaseBodyCell>
+              </Td>
             ))}
-          </BaseTableBodyRow>
+          </Tr>
         ))}
-      </BaseTableBody>
+      </TBody>
     </BaseTable>
   );
 };
@@ -310,28 +262,14 @@ ComposableTableSortable = () => {
 ### Selectable
 
 This example demonstrates row selection. The selection column is just another column, but with selection specific props added. We add it as the first header cell and also as the first body cell for each row.
-Be sure to also add `columnIndex` to `BaseHeaderCell` and `columnIndex` as well as `rowIndex` to `BaseBodyCell`.
+Be sure to also add `columnIndex` to `Th` and `columnIndex` as well as `rowIndex` to `Td`.
 
 ```js isBeta
 import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell
-} from '@patternfly/react-table';
+import { BaseTable, THead, TBody, Tr, Th, Td } from '@patternfly/react-table';
 
 ComposableTableSelectable = () => {
-  const columns = [
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit'
-  ];
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
   const rows = [
     ['one', 'two', 'a', 'four', 'five'],
     ['a', 'two', 'k', 'four', 'five'],
@@ -363,20 +301,20 @@ ComposableTableSelectable = () => {
   };
   return (
     <BaseTable aria-label="Selectable Table">
-      <BaseTableHead>
-        <BaseTableHeaderRow>
-          <BaseHeaderCell columnIndex={0} onSelect={onSelectAll} allRowsSelected={allRowsSelected} />
-          <BaseHeaderCell columnIndex={1}>{columns[0]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={2}>{columns[1]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={3}>{columns[2]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={4}>{columns[3]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={5}>{columns[4]}</BaseHeaderCell>
-        </BaseTableHeaderRow>
-      </BaseTableHead>
-      <BaseTableBody>
+      <THead>
+        <Tr>
+          <Th columnIndex={0} onSelect={onSelectAll} isSelected={allRowsSelected} />
+          <Th columnIndex={1}>{columns[0]}</Th>
+          <Th columnIndex={2}>{columns[1]}</Th>
+          <Th columnIndex={3}>{columns[2]}</Th>
+          <Th columnIndex={4}>{columns[3]}</Th>
+          <Th columnIndex={5}>{columns[4]}</Th>
+        </Tr>
+      </THead>
+      <TBody>
         {rows.map((row, rowIndex) => (
-          <BaseTableBodyRow key={rowIndex}>
-            <BaseBodyCell
+          <Tr key={rowIndex}>
+            <Td
               key={`${rowIndex}_0`}
               columnIndex={0}
               rowIndex={rowIndex}
@@ -387,18 +325,14 @@ ComposableTableSelectable = () => {
             {row.map((cell, cellIndex) => {
               const shiftedIndex = cellIndex + 1;
               return (
-                <BaseBodyCell
-                  key={`${rowIndex}_${shiftedIndex}`}
-                  columnIndex={shiftedIndex}
-                  dataLabel={columns[cellIndex]}
-                >
+                <Td key={`${rowIndex}_${shiftedIndex}`} columnIndex={shiftedIndex} dataLabel={columns[cellIndex]}>
                   {cell}
-                </BaseBodyCell>
+                </Td>
               );
             })}
-          </BaseTableBodyRow>
+          </Tr>
         ))}
-      </BaseTableBody>
+      </TBody>
     </BaseTable>
   );
 };
@@ -406,28 +340,14 @@ ComposableTableSelectable = () => {
 
 ### Selectable radio input
 
-Similarly to the selectable example above, the radio buttons use the first column. The first header cell is empty, and each body row's first cell has radio button props. Just as with selectable, be sure to also add `columnIndex` to `BaseHeaderCell` and `columnIndex` as well as `rowIndex` to `BaseBodyCell`.
+Similarly to the selectable example above, the radio buttons use the first column. The first header cell is empty, and each body row's first cell has radio button props. Just as with selectable, be sure to also add `columnIndex` to `Th` and `columnIndex` as well as `rowIndex` to `Td`.
 
 ```js isBeta
 import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell
-} from '@patternfly/react-table';
+import { BaseTable, THead, TBody, Tr, Th, Td } from '@patternfly/react-table';
 
 ComposableTableSelectableRadio = () => {
-  const columns = [
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit'
-  ];
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
   const rows = [
     ['one', 'two', 'a', 'four', 'five'],
     ['a', 'two', 'k', 'four', 'five'],
@@ -439,20 +359,20 @@ ComposableTableSelectableRadio = () => {
   };
   return (
     <BaseTable aria-label="Radio selectable table">
-      <BaseTableHead>
-        <BaseTableHeaderRow>
-          <BaseHeaderCell columnIndex={0} />
-          <BaseHeaderCell columnIndex={1}>{columns[0]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={2}>{columns[1]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={3}>{columns[2]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={4}>{columns[3]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={5}>{columns[4]}</BaseHeaderCell>
-        </BaseTableHeaderRow>
-      </BaseTableHead>
-      <BaseTableBody>
+      <THead>
+        <Tr>
+          <Th columnIndex={0} />
+          <Th columnIndex={1}>{columns[0]}</Th>
+          <Th columnIndex={2}>{columns[1]}</Th>
+          <Th columnIndex={3}>{columns[2]}</Th>
+          <Th columnIndex={4}>{columns[3]}</Th>
+          <Th columnIndex={5}>{columns[4]}</Th>
+        </Tr>
+      </THead>
+      <TBody>
         {rows.map((row, rowIndex) => (
-          <BaseTableBodyRow key={rowIndex}>
-            <BaseBodyCell
+          <Tr key={rowIndex}>
+            <Td
               key={`${rowIndex}_0`}
               columnIndex={0}
               rowIndex={rowIndex}
@@ -464,18 +384,14 @@ ComposableTableSelectableRadio = () => {
             {row.map((cell, cellIndex) => {
               const shiftedIndex = cellIndex + 1;
               return (
-                <BaseBodyCell
-                  key={`${rowIndex}_${shiftedIndex}`}
-                  columnIndex={shiftedIndex}
-                  dataLabel={columns[cellIndex]}
-                >
+                <Td key={`${rowIndex}_${shiftedIndex}`} columnIndex={shiftedIndex} dataLabel={columns[cellIndex]}>
                   {cell}
-                </BaseBodyCell>
+                </Td>
               );
             })}
-          </BaseTableBodyRow>
+          </Tr>
         ))}
-      </BaseTableBody>
+      </TBody>
     </BaseTable>
   );
 };
@@ -487,15 +403,7 @@ This example demonstrates adding actions as the last column. The header's last c
 
 ```js isBeta
 import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell
-} from '@patternfly/react-table';
+import { BaseTable, THead, TBody, Tr, Th, Td } from '@patternfly/react-table';
 
 ComposableTableActions = () => {
   const defaultActions = [
@@ -531,13 +439,7 @@ ComposableTableActions = () => {
       onClick: (event, rowId, rowData, extra) => console.log(`clicked on Third action, on row ${rowId}`)
     }
   ];
-  const columns = [
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit'
-  ];
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
   const rows = [
     ['one', 'two', 'a', 'four', 'five'],
     ['a', 'two', 'k', 'four', 'five'],
@@ -547,34 +449,34 @@ ComposableTableActions = () => {
   ];
   return (
     <BaseTable aria-label="Actions table">
-      <BaseTableHead>
-        <BaseTableHeaderRow>
-          <BaseHeaderCell columnIndex={0}>{columns[0]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={1}>{columns[1]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={2}>{columns[2]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={3}>{columns[3]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={4}>{columns[4]}</BaseHeaderCell>
-          <BaseHeaderCell columnIndex={5} />
-        </BaseTableHeaderRow>
-      </BaseTableHead>
-      <BaseTableBody>
+      <THead>
+        <Tr>
+          <Th columnIndex={0}>{columns[0]}</Th>
+          <Th columnIndex={1}>{columns[1]}</Th>
+          <Th columnIndex={2}>{columns[2]}</Th>
+          <Th columnIndex={3}>{columns[3]}</Th>
+          <Th columnIndex={4}>{columns[4]}</Th>
+          <Th columnIndex={5} />
+        </Tr>
+      </THead>
+      <TBody>
         {rows.map((row, rowIndex) => (
-          <BaseTableBodyRow key={rowIndex}>
+          <Tr key={rowIndex}>
             {row.map((cell, cellIndex) => (
-              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
+              <Td key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
                 {cell}
-              </BaseBodyCell>
+              </Td>
             ))}
-            <BaseBodyCell
+            <Td
               key={`${rowIndex}_5`}
               columnIndex={5}
               rowIndex={rowIndex}
               actions={rowIndex === 1 ? null : rowIndex === 4 ? lastRowActions : defaultActions}
               actionsDisabled={rowIndex === 3}
             />
-          </BaseTableBodyRow>
+          </Tr>
         ))}
-      </BaseTableBody>
+      </TBody>
     </BaseTable>
   );
 };
@@ -586,25 +488,11 @@ You can set the `BaseTable` variant to `compact` or `compactBorderless`.
 
 ```js isBeta
 import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell
-} from '@patternfly/react-table';
+import { BaseTable, THead, TBody, Tr, Th, Td } from '@patternfly/react-table';
 import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
 
 ComposableTableCompact = () => {
-  const columns = [
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit'
-  ];
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
   const rows = [
     ['one', 'two', 'a', 'four', 'five'],
     ['a', 'two', 'k', 'four', 'five'],
@@ -620,36 +508,38 @@ ComposableTableCompact = () => {
   return (
     <React.Fragment>
       <ToggleGroup aria-label="Default with single selectable">
-        <ToggleGroupItem buttonId="compact" isSelected={variant === 'compact'} onChange={handleItemClick}>
-          Compact
-        </ToggleGroupItem>
         <ToggleGroupItem
+          text="Compact"
+          buttonId="compact"
+          isSelected={variant === 'compact'}
+          onChange={handleItemClick}
+        />
+        <ToggleGroupItem
+          text="Compact borderless"
           buttonId="compactBorderless"
           isSelected={variant === 'compactBorderless'}
           onChange={handleItemClick}
-        >
-          Compact & borderless
-        </ToggleGroupItem>
+        />
       </ToggleGroup>
       <BaseTable aria-label="Compact Table" variant={variant}>
-        <BaseTableHead>
-          <BaseTableHeaderRow>
+        <THead>
+          <Tr>
             {columns.map((column, columnIndex) => (
-              <BaseHeaderCell key={columnIndex}>{column}</BaseHeaderCell>
+              <Th key={columnIndex}>{column}</Th>
             ))}
-          </BaseTableHeaderRow>
-        </BaseTableHead>
-        <BaseTableBody>
+          </Tr>
+        </THead>
+        <TBody>
           {rows.map((row, rowIndex) => (
-            <BaseTableBodyRow key={rowIndex}>
+            <Tr key={rowIndex}>
               {row.map((cell, cellIndex) => (
-                <BaseBodyCell key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+                <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
                   {cell}
-                </BaseBodyCell>
+                </Td>
               ))}
-            </BaseTableBodyRow>
+            </Tr>
           ))}
-        </BaseTableBody>
+        </TBody>
       </BaseTable>
     </React.Fragment>
   );
@@ -660,31 +550,16 @@ ComposableTableCompact = () => {
 
 This example demonstrates having expandable rows.
 
-- Each parent/child row pair is enclosed in a `BaseTableBody` component.
+- Each parent/child row pair is enclosed in a `TBody` component.
 - You can make the table more compact by setting the `BaseTable` variant to `compactExpandable`.
 
 ```js isBeta
 import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell,
-  ExpandableRowContent
-} from '@patternfly/react-table';
+import { BaseTable, THead, TBody, Tr, Th, Td, ExpandableRowContent } from '@patternfly/react-table';
 import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
 
 ComposableTableExpandable = () => {
-  const columns = [
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit'
-  ];
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
   const rowPairs = [
     { parent: ['one', 'two', 'a', 'four', 'five'], child: null },
     {
@@ -746,7 +621,9 @@ ComposableTableExpandable = () => {
   ];
   const numColumns = columns.length;
   // Init all to true
-  const [expanded, setExpanded] = React.useState(Object.fromEntries(Object.entries(rowPairs).map(([k, v]) => [k, true])));
+  const [expanded, setExpanded] = React.useState(
+    Object.fromEntries(Object.entries(rowPairs).map(([k, v]) => [k, true]))
+  );
   const [variant, setVariant] = React.useState(null);
   const handleItemClick = (isSelected, event) => {
     const id = event.currentTarget.id;
@@ -774,21 +651,21 @@ ComposableTableExpandable = () => {
         </ToggleGroupItem>
       </ToggleGroup>
       <BaseTable aria-label="Expandable Table" variant={variant}>
-        <BaseTableHead>
-          <BaseTableHeaderRow>
-            <BaseHeaderCell columnIndex={0} />
-            <BaseHeaderCell columnIndex={1}>{columns[0]}</BaseHeaderCell>
-            <BaseHeaderCell columnIndex={2}>{columns[1]}</BaseHeaderCell>
-            <BaseHeaderCell columnIndex={3}>{columns[2]}</BaseHeaderCell>
-            <BaseHeaderCell columnIndex={4}>{columns[3]}</BaseHeaderCell>
-            <BaseHeaderCell columnIndex={5}>{columns[4]}</BaseHeaderCell>
-          </BaseTableHeaderRow>
-        </BaseTableHead>
+        <THead>
+          <Tr>
+            <Th columnIndex={0} />
+            <Th columnIndex={1}>{columns[0]}</Th>
+            <Th columnIndex={2}>{columns[1]}</Th>
+            <Th columnIndex={3}>{columns[2]}</Th>
+            <Th columnIndex={4}>{columns[3]}</Th>
+            <Th columnIndex={5}>{columns[4]}</Th>
+          </Tr>
+        </THead>
         {rowPairs.map((pair, pairIndex) => {
           rowIndex += 1;
           const parentRow = (
-            <BaseTableBodyRow key={rowIndex}>
-              <BaseBodyCell
+            <Tr key={rowIndex}>
+              <Td
                 key={`${rowIndex}_0`}
                 rowIndex={rowIndex}
                 columnIndex={0}
@@ -796,28 +673,28 @@ ComposableTableExpandable = () => {
                 onClick={() => handleExpansionToggle(pairIndex)}
               />
               {pair.parent.map((cell, cellIndex) => (
-                <BaseBodyCell
+                <Td
                   key={`${rowIndex}_${cellIndex}`}
                   rowIndex={rowIndex}
                   columnIndex={cellIndex + 1}
                   dataLabel={columns[cellIndex]}
                 >
                   {cell}
-                </BaseBodyCell>
+                </Td>
               ))}
-            </BaseTableBodyRow>
+            </Tr>
           );
           if (pair.child) {
             rowIndex += 1;
           }
           const childRow = pair.child ? (
-            <BaseTableBodyRow key={rowIndex} isExpanded={expanded[pairIndex] === true}>
-              {!rowPairs[pairIndex].fullWidth && <BaseBodyCell key={`${rowIndex}_0`} columnIndex={0} />}
+            <Tr key={rowIndex} isExpanded={expanded[pairIndex] === true}>
+              {!rowPairs[pairIndex].fullWidth && <Td key={`${rowIndex}_0`} columnIndex={0} />}
               {rowPairs[pairIndex].child.map((cell, cellIndex) => {
                 const shift = rowPairs[pairIndex].fullWidth ? 1 : 0;
                 const shiftedCellIndex = cellIndex + shift;
                 return (
-                  <BaseBodyCell
+                  <Td
                     key={`${rowIndex}_${shiftedCellIndex}`}
                     rowIndex={rowIndex}
                     columnIndex={shiftedCellIndex}
@@ -832,18 +709,18 @@ ComposableTableExpandable = () => {
                     }
                   >
                     <ExpandableRowContent>{cell.title || cell}</ExpandableRowContent>
-                  </BaseBodyCell>
+                  </Td>
                 );
               })}
-            </BaseTableBodyRow>
+            </Tr>
           ) : null;
           return (
-            <BaseTableBody key={pairIndex} isExpanded={expanded[pairIndex] === true}>
+            <TBody key={pairIndex} isExpanded={expanded[pairIndex] === true}>
               <React.Fragment>
                 {parentRow}
                 {childRow}
               </React.Fragment>
-            </BaseTableBody>
+            </TBody>
           );
         })}
       </BaseTable>
@@ -856,16 +733,7 @@ ComposableTableExpandable = () => {
 
 ```js isBeta
 import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell,
-  ExpandableRowContent
-} from '@patternfly/react-table';
+import { BaseTable, THead, TBody, Tr, Th, Td, ExpandableRowContent } from '@patternfly/react-table';
 
 import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-icon';
 import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
@@ -875,14 +743,7 @@ import CubeIcon from '@patternfly/react-icons/dist/js/icons/cube-icon';
 import DemoSortableTable from './demo/DemoSortableTable';
 
 ComposableCompoundExpandableTable = () => {
-  const columns = [
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit',
-    ''
-  ];
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit', ''];
   const rows = [
     ['siemur/test-space', 10, 4, 4, '20 minutes', 'Open in Github'],
     ['siemur/test-space', 3, 4, 2, '10 minutes', 'Open in Github']
@@ -981,23 +842,23 @@ ComposableCompoundExpandableTable = () => {
   return (
     <React.Fragment>
       <BaseTable aria-label="Compound expandable table">
-        <BaseTableHead>
-          <BaseTableHeaderRow>
+        <THead>
+          <Tr>
             {columns.map((column, columnIndex) => (
-              <BaseHeaderCell key={columnIndex} columnIndex={columnIndex}>
+              <Th key={columnIndex} columnIndex={columnIndex}>
                 {column}
-              </BaseHeaderCell>
+              </Th>
             ))}
-          </BaseTableHeaderRow>
-        </BaseTableHead>
+          </Tr>
+        </THead>
         {rows.map((row, rowIndex) => {
           const isRowExpanded = activeChild && activeChild.split('_')[0] === `${rowIndex}`;
           return (
-            <BaseTableBody key={rowIndex} isExpanded={isRowExpanded}>
+            <TBody key={rowIndex} isExpanded={isRowExpanded}>
               <React.Fragment>
-                <BaseTableBodyRow>
+                <Tr>
                   {row.map((cell, cellIndex) => (
-                    <BaseBodyCell
+                    <Td
                       key={`${rowIndex}_${cellIndex}`}
                       rowIndex={rowIndex}
                       columnIndex={cellIndex}
@@ -1019,18 +880,18 @@ ComposableCompoundExpandableTable = () => {
                       }}
                     >
                       {customRender(cell, cellIndex)}
-                    </BaseBodyCell>
+                    </Td>
                   ))}
-                </BaseTableBodyRow>
+                </Tr>
                 {isRowExpanded && (
-                  <BaseTableBodyRow key={`${rowIndex}-child`} isExpanded={isRowExpanded}>
-                    <BaseBodyCell rowIndex={rowIndex} dataLabel={columns[0]} noPadding colSpan="6">
+                  <Tr key={`${rowIndex}-child`} isExpanded={isRowExpanded}>
+                    <Td rowIndex={rowIndex} dataLabel={columns[0]} noPadding colSpan="6">
                       <ExpandableRowContent>{childData[activeChild].component}</ExpandableRowContent>
-                    </BaseBodyCell>
-                  </BaseTableBodyRow>
+                    </Td>
+                  </Tr>
                 )}
               </React.Fragment>
-            </BaseTableBody>
+            </TBody>
           );
         })}
       </BaseTable>
@@ -1043,24 +904,10 @@ ComposableCompoundExpandableTable = () => {
 
 ```js isBeta
 import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell
-} from '@patternfly/react-table';
+import { BaseTable, THead, TBody, Tr, Th, Td } from '@patternfly/react-table';
 
 ComposableTableCellWidth = () => {
-  const columns = [
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit'
-  ];
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
   const rows = [
     ['one', 'two', 'three', 'four', 'five'],
     ['one - 2', null, null, 'four - 2', 'five - 2'],
@@ -1068,34 +915,34 @@ ComposableTableCellWidth = () => {
   ];
   return (
     <BaseTable aria-label="Cell widths">
-      <BaseTableHead>
-        <BaseTableHeaderRow>
+      <THead>
+        <Tr>
           {columns.map((column, columnIndex) => (
-            <BaseHeaderCell
+            <Th
               key={columnIndex}
               width={columnIndex === 2 ? 40 : 15}
               visibility={columnIndex === 2 ? ['hiddenOnMd', 'visibleOnLg'] : null}
             >
               {column}
-            </BaseHeaderCell>
+            </Th>
           ))}
-        </BaseTableHeaderRow>
-      </BaseTableHead>
-      <BaseTableBody>
+        </Tr>
+      </THead>
+      <TBody>
         {rows.map((row, rowIndex) => (
-          <BaseTableBodyRow key={rowIndex}>
+          <Tr key={rowIndex}>
             {row.map((cell, cellIndex) => (
-              <BaseBodyCell
+              <Td
                 key={`${rowIndex}_${cellIndex}`}
                 dataLabel={columns[cellIndex]}
                 visibility={cellIndex === 2 ? ['hiddenOnMd', 'visibleOnLg'] : null}
               >
                 {cell}
-              </BaseBodyCell>
+              </Td>
             ))}
-          </BaseTableBodyRow>
+          </Tr>
         ))}
-      </BaseTableBody>
+      </TBody>
     </BaseTable>
   );
 };
@@ -1105,15 +952,7 @@ ComposableTableCellWidth = () => {
 
 ```js isBeta
 import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell
-} from '@patternfly/react-table';
+import { BaseTable, THead, TBody, Tr, Th, Td } from '@patternfly/react-table';
 
 ComposableControllingText = () => {
   const columns = [
@@ -1139,38 +978,32 @@ ComposableControllingText = () => {
   ];
   return (
     <BaseTable aria-label="Controlling text">
-      <BaseTableHead>
-        <BaseTableHeaderRow>
-          <BaseHeaderCell width={20}>
-            {columns[0]}
-          </BaseHeaderCell>
-          <BaseHeaderCell>{columns[1]}</BaseHeaderCell>
-          <BaseHeaderCell modifier="wrap">
-            {columns[2]}
-          </BaseHeaderCell>
-          <BaseHeaderCell modifier="fitContent">
-            {columns[3]}
-          </BaseHeaderCell>
-          <BaseHeaderCell>{columns[4]}</BaseHeaderCell>
-        </BaseTableHeaderRow>
-      </BaseTableHead>
-      <BaseTableBody>
+      <THead>
+        <Tr>
+          <Th width={20}>{columns[0]}</Th>
+          <Th>{columns[1]}</Th>
+          <Th modifier="wrap">{columns[2]}</Th>
+          <Th modifier="fitContent">{columns[3]}</Th>
+          <Th>{columns[4]}</Th>
+        </Tr>
+      </THead>
+      <TBody>
         {rows.map((row, rowIndex) => (
-          <BaseTableBodyRow key={rowIndex}>
-            <BaseBodyCell dataLabel={columns[0]} modifier="truncate">
+          <Tr key={rowIndex}>
+            <Td dataLabel={columns[0]} modifier="truncate">
               {row[0]}
-            </BaseBodyCell>
-            <BaseBodyCell dataLabel={columns[1]} modifier="breakWord">
+            </Td>
+            <Td dataLabel={columns[1]} modifier="breakWord">
               {row[1]}
-            </BaseBodyCell>
-            <BaseBodyCell dataLabel={columns[2]}>{row[2]}</BaseBodyCell>
-            <BaseBodyCell dataLabel={columns[3]}>{row[3]}</BaseBodyCell>
-            <BaseBodyCell dataLabel={columns[4]} modifier="nowrap">
+            </Td>
+            <Td dataLabel={columns[2]}>{row[2]}</Td>
+            <Td dataLabel={columns[3]}>{row[3]}</Td>
+            <Td dataLabel={columns[4]} modifier="nowrap">
               {row[4]}
-            </BaseBodyCell>
-          </BaseTableBodyRow>
+            </Td>
+          </Tr>
         ))}
-      </BaseTableBody>
+      </TBody>
     </BaseTable>
   );
 };
@@ -1180,22 +1013,10 @@ ComposableControllingText = () => {
 
 ```js isBeta
 import React from 'react';
-import {
-  BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell,
-  TableText
-} from '@patternfly/react-table';
+import { BaseTable, THead, TBody, Tr, Th, Td, TableText } from '@patternfly/react-table';
 
 ComposableTableText = () => {
-  const columns = [
-    'Truncating text',
-    'Wrapping table header text. This th text will wrap instead of truncate.'
-  ];
+  const columns = ['Truncating text', 'Wrapping table header text. This th text will wrap instead of truncate.'];
   const rows = [
     [
       <TableText wrapModifier="truncate">This text will truncate instead of wrap.</TableText>,
@@ -1206,25 +1027,23 @@ ComposableTableText = () => {
   ];
   return (
     <BaseTable aria-label="Table text">
-      <BaseTableHead>
-        <BaseTableHeaderRow>
-          <BaseHeaderCell width={30}>
-            {columns[0]}
-          </BaseHeaderCell>
-          <BaseHeaderCell>{columns[1]}</BaseHeaderCell>
-        </BaseTableHeaderRow>
-      </BaseTableHead>
-      <BaseTableBody>
+      <THead>
+        <Tr>
+          <Th width={30}>{columns[0]}</Th>
+          <Th>{columns[1]}</Th>
+        </Tr>
+      </THead>
+      <TBody>
         {rows.map((row, rowIndex) => (
-          <BaseTableBodyRow key={rowIndex}>
+          <Tr key={rowIndex}>
             {row.map((cell, cellIndex) => (
-              <BaseBodyCell key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+              <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
                 {cell}
-              </BaseBodyCell>
+              </Td>
             ))}
-          </BaseTableBodyRow>
+          </Tr>
         ))}
-      </BaseTableBody>
+      </TBody>
     </BaseTable>
   );
 };
@@ -1236,13 +1055,12 @@ ComposableTableText = () => {
 import React from 'react';
 import {
   BaseTable,
-  BaseTableHead,
-  BaseTableBody,
-  BaseTableHeaderRow,
-  BaseTableBodyRow,
-  BaseHeaderCell,
-  BaseBodyCell,
-  BaseTableCaption,
+  THead,
+  TBody,
+  Tr,
+  Th,
+  Td,
+  Caption,
   Button,
   EmptyState,
   EmptyStateBody,
@@ -1253,26 +1071,20 @@ import {
 } from '@patternfly/react-table';
 
 ComposableEmptyState = () => {
-  const columns = [
-    'Repositories',
-    'Branches',
-    'Pull requests',
-    'Workspaces',
-    'Last commit'
-  ];
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
   return (
     <React.Fragment>
       <BaseTable aria-label="Empty state">
-        <BaseTableCaption>Empty State Table Example</BaseTableCaption>
-        <BaseTableHead>
-          <BaseTableHeaderRow>
+        <Caption>Empty State Table Example</Caption>
+        <THead>
+          <Tr>
             {columns.map((column, columnIndex) => (
-              <BaseHeaderCell key={columnIndex} columnIndex={columnIndex}>
+              <Th key={columnIndex} columnIndex={columnIndex}>
                 {column}
-              </BaseHeaderCell>
+              </Th>
             ))}
-          </BaseTableHeaderRow>
-        </BaseTableHead>
+          </Tr>
+        </THead>
       </BaseTable>
       <EmptyState variant={EmptyStateVariant.small}>
         <EmptyStateIcon icon={SearchIcon} />

From 598ad20d103b1e407c304b1eaae2112b453efb3a Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Thu, 22 Oct 2020 10:22:39 -0400
Subject: [PATCH 15/29] wip

---
 .../react-table/src/components/BaseTable/Caption.tsx |  6 +-----
 packages/react-table/src/components/BaseTable/Th.tsx | 12 ++++++------
 packages/react-table/src/components/BaseTable/Tr.tsx |  8 +++-----
 3 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/packages/react-table/src/components/BaseTable/Caption.tsx b/packages/react-table/src/components/BaseTable/Caption.tsx
index 895175d9401..2997e2e11cf 100644
--- a/packages/react-table/src/components/BaseTable/Caption.tsx
+++ b/packages/react-table/src/components/BaseTable/Caption.tsx
@@ -7,11 +7,7 @@ export interface CaptionProps {
   className?: string;
 }
 
-export const Caption: React.FunctionComponent<CaptionProps> = ({
-  children,
-  className,
-  ...props
-}: CaptionProps) => (
+export const Caption: React.FunctionComponent<CaptionProps> = ({ children, className, ...props }: CaptionProps) => (
   <caption className={className} {...props}>
     {children}
   </caption>
diff --git a/packages/react-table/src/components/BaseTable/Th.tsx b/packages/react-table/src/components/BaseTable/Th.tsx
index 01ca6d3e464..471523831cb 100644
--- a/packages/react-table/src/components/BaseTable/Th.tsx
+++ b/packages/react-table/src/components/BaseTable/Th.tsx
@@ -18,7 +18,9 @@ import { IVisibility } from '../Table/utils/decorators/classNames';
 import { Tooltip } from '@patternfly/react-core/dist/js/components/Tooltip/Tooltip';
 import { BaseCellProps } from './BaseTable';
 
-export interface ThProps extends BaseCellProps, Omit<React.HTMLProps<HTMLTableHeaderCellElement>, 'onSelect' | 'width'> {
+export interface ThProps
+  extends BaseCellProps,
+    Omit<React.HTMLProps<HTMLTableHeaderCellElement>, 'onSelect' | 'width'> {
   /** The selectable variant */
   selectVariant?: 'checkbox';
   /** Wraps the content in a button and adds a sort icon - Click callback on the sortable cell */
@@ -132,9 +134,7 @@ const ThBase: React.FunctionComponent<ThProps> = ({
   );
 };
 
-export const Th = React.forwardRef(
-  (props: ThProps, ref: React.Ref<HTMLTableHeaderCellElement>) => (
-    <ThBase {...props} innerRef={ref} />
-  )
-);
+export const Th = React.forwardRef((props: ThProps, ref: React.Ref<HTMLTableHeaderCellElement>) => (
+  <ThBase {...props} innerRef={ref} />
+));
 Th.displayName = 'Th';
diff --git a/packages/react-table/src/components/BaseTable/Tr.tsx b/packages/react-table/src/components/BaseTable/Tr.tsx
index 7e90447bf38..6dc44214582 100644
--- a/packages/react-table/src/components/BaseTable/Tr.tsx
+++ b/packages/react-table/src/components/BaseTable/Tr.tsx
@@ -47,9 +47,7 @@ const TrBase: React.FunctionComponent<TrProps> = ({
   );
 };
 
-export const Tr = React.forwardRef(
-  (props: TrProps, ref: React.Ref<HTMLTableRowElement>) => (
-    <TrBase {...props} innerRef={ref} />
-  )
-);
+export const Tr = React.forwardRef((props: TrProps, ref: React.Ref<HTMLTableRowElement>) => (
+  <TrBase {...props} innerRef={ref} />
+));
 Tr.displayName = 'Tr';

From 090d929b4a99f54e6d8d93293c84ddf7bc2c9519 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Thu, 22 Oct 2020 10:28:25 -0400
Subject: [PATCH 16/29] props order

---
 .../src/components/Table/examples/ComposableTable.md            | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-table/src/components/Table/examples/ComposableTable.md b/packages/react-table/src/components/Table/examples/ComposableTable.md
index 7ed0feff7b9..1bff586b8f9 100644
--- a/packages/react-table/src/components/Table/examples/ComposableTable.md
+++ b/packages/react-table/src/components/Table/examples/ComposableTable.md
@@ -2,7 +2,7 @@
 id: TableComposable
 cssPrefix: pf-c-table
 section: components
-propComponents: ['BaseTable', 'Caption', 'THead', 'TBody', 'Tr', 'Tr', 'Th', 'Td']
+propComponents: ['BaseTable', 'THead', 'TBody', 'Tr', 'Th', 'Td', 'Caption']
 ouia: true
 beta: true
 ---

From 93ba6ad5431d599d55af235520fbe4973e15aa47 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Thu, 22 Oct 2020 10:38:26 -0400
Subject: [PATCH 17/29] snapshots

---
 .../VirtualizedTable.test.tsx.snap            | 456 ++++++++++--------
 1 file changed, 246 insertions(+), 210 deletions(-)

diff --git a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
index 214a2a946c4..966069240d5 100644
--- a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
+++ b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
@@ -735,12 +735,12 @@ exports[`Actions virtualized table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -752,10 +752,10 @@ exports[`Actions virtualized table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -769,12 +769,12 @@ exports[`Actions virtualized table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -1052,11 +1052,17 @@ exports[`Actions virtualized table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-5"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -1065,7 +1071,7 @@ exports[`Actions virtualized table 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -1076,7 +1082,7 @@ exports[`Actions virtualized table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -1148,8 +1154,8 @@ exports[`Actions virtualized table 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -1157,7 +1163,7 @@ exports[`Actions virtualized table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -1167,7 +1173,7 @@ exports[`Actions virtualized table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -1188,8 +1194,8 @@ exports[`Actions virtualized table 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -1197,7 +1203,7 @@ exports[`Actions virtualized table 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -1207,7 +1213,7 @@ exports[`Actions virtualized table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -1228,8 +1234,8 @@ exports[`Actions virtualized table 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -1237,7 +1243,7 @@ exports[`Actions virtualized table 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -1247,7 +1253,7 @@ exports[`Actions virtualized table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -1268,8 +1274,8 @@ exports[`Actions virtualized table 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -1277,7 +1283,7 @@ exports[`Actions virtualized table 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -1287,7 +1293,7 @@ exports[`Actions virtualized table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -1308,8 +1314,8 @@ exports[`Actions virtualized table 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   component="td"
@@ -1318,7 +1324,7 @@ exports[`Actions virtualized table 1`] = `
                                   key="5-header"
                                   scope=""
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="td"
                                     data-key={5}
@@ -1328,7 +1334,7 @@ exports[`Actions virtualized table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="td"
                                       data-key={5}
@@ -1347,16 +1353,16 @@ exports[`Actions virtualized table 1`] = `
                                         onMouseEnter={[Function]}
                                         scope=""
                                       />
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Component>
             </ContextHeader>
@@ -2102,12 +2108,12 @@ exports[`Selectable virtualized table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -2119,10 +2125,10 @@ exports[`Selectable virtualized table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -2136,12 +2142,12 @@ exports[`Selectable virtualized table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -2419,11 +2425,17 @@ exports[`Selectable virtualized table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-6"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   className="pf-c-table__check"
                                   component="td"
@@ -2433,7 +2445,7 @@ exports[`Selectable virtualized table 1`] = `
                                   key="0-header"
                                   scope=""
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className="pf-c-table__check"
                                     component="td"
                                     data-key={0}
@@ -2443,7 +2455,7 @@ exports[`Selectable virtualized table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className="pf-c-table__check"
                                       component="td"
                                       data-key={0}
@@ -2478,8 +2490,8 @@ exports[`Selectable virtualized table 1`] = `
                                           />
                                         </SelectColumn>
                                       </td>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   aria-sort="none"
@@ -2489,7 +2501,7 @@ exports[`Selectable virtualized table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -2500,7 +2512,7 @@ exports[`Selectable virtualized table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -2572,8 +2584,8 @@ exports[`Selectable virtualized table 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -2581,7 +2593,7 @@ exports[`Selectable virtualized table 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -2591,7 +2603,7 @@ exports[`Selectable virtualized table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -2612,8 +2624,8 @@ exports[`Selectable virtualized table 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -2621,7 +2633,7 @@ exports[`Selectable virtualized table 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -2631,7 +2643,7 @@ exports[`Selectable virtualized table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -2652,8 +2664,8 @@ exports[`Selectable virtualized table 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -2661,7 +2673,7 @@ exports[`Selectable virtualized table 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -2671,7 +2683,7 @@ exports[`Selectable virtualized table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -2692,8 +2704,8 @@ exports[`Selectable virtualized table 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={5}
@@ -2701,7 +2713,7 @@ exports[`Selectable virtualized table 1`] = `
                                   key="5-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={5}
@@ -2711,7 +2723,7 @@ exports[`Selectable virtualized table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={5}
@@ -2732,16 +2744,16 @@ exports[`Selectable virtualized table 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Component>
             </ContextHeader>
@@ -3746,12 +3758,12 @@ exports[`Simple Actions table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -3763,10 +3775,10 @@ exports[`Simple Actions table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -3780,12 +3792,12 @@ exports[`Simple Actions table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -4177,11 +4189,17 @@ exports[`Simple Actions table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-4"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -4190,7 +4208,7 @@ exports[`Simple Actions table 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -4201,7 +4219,7 @@ exports[`Simple Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -4273,8 +4291,8 @@ exports[`Simple Actions table 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -4282,7 +4300,7 @@ exports[`Simple Actions table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -4292,7 +4310,7 @@ exports[`Simple Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -4313,8 +4331,8 @@ exports[`Simple Actions table 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -4322,7 +4340,7 @@ exports[`Simple Actions table 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -4332,7 +4350,7 @@ exports[`Simple Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -4353,8 +4371,8 @@ exports[`Simple Actions table 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -4362,7 +4380,7 @@ exports[`Simple Actions table 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -4372,7 +4390,7 @@ exports[`Simple Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -4393,8 +4411,8 @@ exports[`Simple Actions table 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -4402,7 +4420,7 @@ exports[`Simple Actions table 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -4412,7 +4430,7 @@ exports[`Simple Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -4433,8 +4451,8 @@ exports[`Simple Actions table 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   component="td"
@@ -4443,7 +4461,7 @@ exports[`Simple Actions table 1`] = `
                                   key="5-header"
                                   scope=""
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="td"
                                     data-key={5}
@@ -4453,7 +4471,7 @@ exports[`Simple Actions table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="td"
                                       data-key={5}
@@ -4472,16 +4490,16 @@ exports[`Simple Actions table 1`] = `
                                         onMouseEnter={[Function]}
                                         scope=""
                                       />
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Component>
             </ContextHeader>
@@ -5129,12 +5147,12 @@ exports[`Simple virtualized table aria-label 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -5146,10 +5164,10 @@ exports[`Simple virtualized table aria-label 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -5163,12 +5181,12 @@ exports[`Simple virtualized table aria-label 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -5399,18 +5417,24 @@ exports[`Simple virtualized table aria-label 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-2"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   data-key={0}
                                   data-label="Header cell"
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={0}
@@ -5420,7 +5444,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={0}
@@ -5441,8 +5465,8 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       >
                                         Header cell
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -5450,7 +5474,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -5460,7 +5484,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -5481,8 +5505,8 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -5490,7 +5514,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -5500,7 +5524,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -5521,8 +5545,8 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -5530,7 +5554,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -5540,7 +5564,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -5561,8 +5585,8 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -5570,7 +5594,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -5580,7 +5604,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -5601,16 +5625,16 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Component>
             </ContextHeader>
@@ -6258,12 +6282,12 @@ exports[`Simple virtualized table className 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -6275,10 +6299,10 @@ exports[`Simple virtualized table className 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -6292,12 +6316,12 @@ exports[`Simple virtualized table className 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -6528,18 +6552,24 @@ exports[`Simple virtualized table className 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-1"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   data-key={0}
                                   data-label="Header cell"
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={0}
@@ -6549,7 +6579,7 @@ exports[`Simple virtualized table className 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={0}
@@ -6570,8 +6600,8 @@ exports[`Simple virtualized table className 1`] = `
                                       >
                                         Header cell
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -6579,7 +6609,7 @@ exports[`Simple virtualized table className 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -6589,7 +6619,7 @@ exports[`Simple virtualized table className 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -6610,8 +6640,8 @@ exports[`Simple virtualized table className 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -6619,7 +6649,7 @@ exports[`Simple virtualized table className 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -6629,7 +6659,7 @@ exports[`Simple virtualized table className 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -6650,8 +6680,8 @@ exports[`Simple virtualized table className 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -6659,7 +6689,7 @@ exports[`Simple virtualized table className 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -6669,7 +6699,7 @@ exports[`Simple virtualized table className 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -6690,8 +6720,8 @@ exports[`Simple virtualized table className 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -6699,7 +6729,7 @@ exports[`Simple virtualized table className 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -6709,7 +6739,7 @@ exports[`Simple virtualized table className 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -6730,16 +6760,16 @@ exports[`Simple virtualized table className 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Component>
             </ContextHeader>
@@ -7394,12 +7424,12 @@ exports[`Sortable Virtualized Table 1`] = `
                         "cell": [Function],
                         "row": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHeaderRow",
+                          "displayName": "Tr",
                           "render": [Function],
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTableHead",
+                          "displayName": "THead",
                           "render": [Function],
                         },
                       },
@@ -7411,10 +7441,10 @@ exports[`Sortable Virtualized Table 1`] = `
                     }
                   }
                 >
-                  <BaseTableHead
+                  <THead
                     className=""
                   >
-                    <BaseTableHeadBase
+                    <THeadBase
                       className=""
                       innerRef={null}
                     >
@@ -7428,12 +7458,12 @@ exports[`Sortable Virtualized Table 1`] = `
                               "cell": [Function],
                               "row": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHeaderRow",
+                                "displayName": "Tr",
                                 "render": [Function],
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "BaseTableHead",
+                                "displayName": "THead",
                                 "render": [Function],
                               },
                             }
@@ -7665,11 +7695,17 @@ exports[`Sortable Virtualized Table 1`] = `
                           }
                           rowIndex={0}
                         >
-                          <BaseTableHeaderRow>
-                            <BaseTableHeaderRowBase
+                          <Tr>
+                            <TrBase
                               innerRef={null}
                             >
-                              <tr>
+                              <tr
+                                className=""
+                                data-ouia-component-id="OUIA-Generated-TableRow-3"
+                                data-ouia-component-type="PF4/TableRow"
+                                data-ouia-safe={true}
+                                hidden={false}
+                              >
                                 <HeaderCell
                                   aria-sort="none"
                                   className="pf-c-table__sort"
@@ -7678,7 +7714,7 @@ exports[`Sortable Virtualized Table 1`] = `
                                   key="0-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     aria-sort="none"
                                     className="pf-c-table__sort"
                                     component="th"
@@ -7689,7 +7725,7 @@ exports[`Sortable Virtualized Table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       aria-sort="none"
                                       className="pf-c-table__sort"
                                       component="th"
@@ -7762,8 +7798,8 @@ exports[`Sortable Virtualized Table 1`] = `
                                           </button>
                                         </SortColumn>
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={1}
@@ -7771,7 +7807,7 @@ exports[`Sortable Virtualized Table 1`] = `
                                   key="1-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={1}
@@ -7781,7 +7817,7 @@ exports[`Sortable Virtualized Table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={1}
@@ -7802,8 +7838,8 @@ exports[`Sortable Virtualized Table 1`] = `
                                       >
                                         Branches
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={2}
@@ -7811,7 +7847,7 @@ exports[`Sortable Virtualized Table 1`] = `
                                   key="2-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={2}
@@ -7821,7 +7857,7 @@ exports[`Sortable Virtualized Table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={2}
@@ -7842,8 +7878,8 @@ exports[`Sortable Virtualized Table 1`] = `
                                       >
                                         Pull requests
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={3}
@@ -7851,7 +7887,7 @@ exports[`Sortable Virtualized Table 1`] = `
                                   key="3-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={3}
@@ -7861,7 +7897,7 @@ exports[`Sortable Virtualized Table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={3}
@@ -7882,8 +7918,8 @@ exports[`Sortable Virtualized Table 1`] = `
                                       >
                                         Workspaces
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                                 <HeaderCell
                                   data-key={4}
@@ -7891,7 +7927,7 @@ exports[`Sortable Virtualized Table 1`] = `
                                   key="4-header"
                                   scope="col"
                                 >
-                                  <BaseHeaderCell
+                                  <Th
                                     className=""
                                     component="th"
                                     data-key={4}
@@ -7901,7 +7937,7 @@ exports[`Sortable Virtualized Table 1`] = `
                                     textCenter={false}
                                     tooltip=""
                                   >
-                                    <BaseHeaderCellBase
+                                    <ThBase
                                       className=""
                                       component="th"
                                       data-key={4}
@@ -7922,16 +7958,16 @@ exports[`Sortable Virtualized Table 1`] = `
                                       >
                                         Last Commit
                                       </th>
-                                    </BaseHeaderCellBase>
-                                  </BaseHeaderCell>
+                                    </ThBase>
+                                  </Th>
                                 </HeaderCell>
                               </tr>
-                            </BaseTableHeaderRowBase>
-                          </BaseTableHeaderRow>
+                            </TrBase>
+                          </Tr>
                         </HeaderRow>
                       </thead>
-                    </BaseTableHeadBase>
-                  </BaseTableHead>
+                    </THeadBase>
+                  </THead>
                 </BaseHeader>
               </Component>
             </ContextHeader>

From aedf22528cced8cd532ce4cf76dae700eec4ec1d Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Thu, 22 Oct 2020 13:34:51 -0400
Subject: [PATCH 18/29] consolidate examples and rename to TableComposable

---
 .../src/components/BaseTable/index.ts         |    8 -
 .../src/components/Table/BodyCell.tsx         |    2 +-
 .../src/components/Table/BodyWrapper.tsx      |    8 +-
 .../src/components/Table/HeaderCell.tsx       |    2 +-
 .../src/components/Table/RowWrapper.tsx       |    2 +-
 .../src/components/Table/Table.tsx            |   13 +-
 .../Table/__snapshots__/Table.test.tsx.snap   | 1106 +++++-----
 .../src/components/Table/base/types.tsx       |   18 +-
 .../Table/examples/ComposableTable.md         | 1102 ----------
 .../src/components/Table/examples/Table.md    | 1847 +++++++++++++----
 .../Caption.tsx                               |    0
 .../TableComposable.tsx}                      |   12 +-
 .../TBody.tsx => TableComposable/Tbody.tsx}   |   12 +-
 .../{BaseTable => TableComposable}/Td.tsx     |    2 +-
 .../{BaseTable => TableComposable}/Th.tsx     |    2 +-
 .../{BaseTable => TableComposable}/Thead.tsx  |   12 +-
 .../{BaseTable => TableComposable}/Tr.tsx     |    4 +-
 .../src/components/TableComposable/index.ts   |    7 +
 packages/react-table/src/components/index.ts  |    2 +-
 .../VirtualizedTable.test.tsx.snap            |  132 +-
 20 files changed, 2070 insertions(+), 2223 deletions(-)
 delete mode 100644 packages/react-table/src/components/BaseTable/index.ts
 delete mode 100644 packages/react-table/src/components/Table/examples/ComposableTable.md
 rename packages/react-table/src/components/{BaseTable => TableComposable}/Caption.tsx (100%)
 rename packages/react-table/src/components/{BaseTable/BaseTable.tsx => TableComposable/TableComposable.tsx} (88%)
 rename packages/react-table/src/components/{BaseTable/TBody.tsx => TableComposable/Tbody.tsx} (71%)
 rename packages/react-table/src/components/{BaseTable => TableComposable}/Td.tsx (99%)
 rename packages/react-table/src/components/{BaseTable => TableComposable}/Th.tsx (98%)
 rename packages/react-table/src/components/{BaseTable => TableComposable}/Thead.tsx (70%)
 rename packages/react-table/src/components/{BaseTable => TableComposable}/Tr.tsx (92%)
 create mode 100644 packages/react-table/src/components/TableComposable/index.ts

diff --git a/packages/react-table/src/components/BaseTable/index.ts b/packages/react-table/src/components/BaseTable/index.ts
deleted file mode 100644
index 3bd971f040d..00000000000
--- a/packages/react-table/src/components/BaseTable/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export * from './BaseTable';
-export * from './THead';
-export * from './Tr';
-export * from './TBody';
-export * from './Tr';
-export * from './Th';
-export * from './Td';
-export * from './Caption';
diff --git a/packages/react-table/src/components/Table/BodyCell.tsx b/packages/react-table/src/components/Table/BodyCell.tsx
index c6b3ba5ebfa..4b05d6d54b2 100644
--- a/packages/react-table/src/components/Table/BodyCell.tsx
+++ b/packages/react-table/src/components/Table/BodyCell.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Tooltip } from '@patternfly/react-core/dist/js/components/Tooltip/Tooltip';
 import { SelectProps } from '@patternfly/react-core';
-import { Td } from '../BaseTable/Td';
+import { Td } from '../TableComposable/Td';
 
 export interface BodyCellProps {
   'data-label'?: string;
diff --git a/packages/react-table/src/components/Table/BodyWrapper.tsx b/packages/react-table/src/components/Table/BodyWrapper.tsx
index e8b7f9186da..2664f31c518 100644
--- a/packages/react-table/src/components/Table/BodyWrapper.tsx
+++ b/packages/react-table/src/components/Table/BodyWrapper.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IRow, IRowData, IExtraData, IHeaderRow } from './Table';
 import { mapOpenedRows } from './utils/headerUtils';
-import { TBody } from '../BaseTable/TBody';
+import { Tbody } from '../TableComposable/Tbody';
 
 export interface BodyWrapperProps {
   children?: React.ReactNode;
@@ -32,13 +32,13 @@ export const BodyWrapper: React.FunctionComponent<BodyWrapperProps> = ({
     return (
       <React.Fragment>
         {mapOpenedRows(mappedRows, props.children).map((oneRow, key) => (
-          <TBody {...props} isExpanded={oneRow.isOpen} key={`tbody-${key}`} ref={tbodyRef as React.Ref<any>}>
+          <Tbody {...props} isExpanded={oneRow.isOpen} key={`tbody-${key}`} ref={tbodyRef as React.Ref<any>}>
             {oneRow.rows}
-          </TBody>
+          </Tbody>
         ))}
       </React.Fragment>
     );
   }
-  return <TBody {...props} ref={tbodyRef as React.Ref<any>} />;
+  return <Tbody {...props} ref={tbodyRef as React.Ref<any>} />;
 };
 BodyWrapper.displayName = 'BodyWrapper';
diff --git a/packages/react-table/src/components/Table/HeaderCell.tsx b/packages/react-table/src/components/Table/HeaderCell.tsx
index d4ac94dde74..fc6c77d6bec 100644
--- a/packages/react-table/src/components/Table/HeaderCell.tsx
+++ b/packages/react-table/src/components/Table/HeaderCell.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Th } from '../BaseTable/Th';
+import { Th } from '../TableComposable/Th';
 
 export interface HeaderCellProps {
   'data-label'?: string;
diff --git a/packages/react-table/src/components/Table/RowWrapper.tsx b/packages/react-table/src/components/Table/RowWrapper.tsx
index 5fdc6a1b3ad..ffbc7ca4344 100644
--- a/packages/react-table/src/components/Table/RowWrapper.tsx
+++ b/packages/react-table/src/components/Table/RowWrapper.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { OUIAProps } from '@patternfly/react-core/dist/js/helpers/ouia';
 import { debounce } from '@patternfly/react-core/dist/js/helpers/util';
-import { Tr } from '../BaseTable/Tr';
+import { Tr } from '../TableComposable/Tr';
 
 // legacy export now, RowWrapperRow can simply be typed as IRow in the future
 export interface RowWrapperRow {
diff --git a/packages/react-table/src/components/Table/Table.tsx b/packages/react-table/src/components/Table/Table.tsx
index 4ad85129e76..c5a224447f3 100644
--- a/packages/react-table/src/components/Table/Table.tsx
+++ b/packages/react-table/src/components/Table/Table.tsx
@@ -13,7 +13,7 @@ import { HeaderCell } from './HeaderCell';
 import { RowWrapper, RowWrapperProps } from './RowWrapper';
 import { BodyWrapper } from './BodyWrapper';
 import { calculateColumns } from './utils/headerUtils';
-import { formatterValueType, ColumnType, RowType, RowKeyType, ColumnsType } from './base';
+import { formatterValueType, ColumnType, RowType, RowKeyType, ColumnsType, HeaderType } from './base';
 
 export enum TableGridBreakpoint {
   none = '',
@@ -178,15 +178,22 @@ export type ITransform = (label?: IFormatterValueType, extra?: IExtra) => decora
 export type IFormatter = (data?: IFormatterValueType, extra?: IExtra) => formatterValueType & decoratorReturnType;
 
 export interface ICell {
+  /* cell contents */
   title?: string | React.ReactNode;
+  /** transformations applied to the header cell */
   transforms?: ITransform[];
+  /** transformations applied to the cells within the column's body */
   cellTransforms?: ITransform[];
+  /** transformations applied to the whole column */
   columnTransforms?: ITransform[];
+  /** formatters applied to the header cell */
   formatters?: IFormatter[];
+  /** formatters applied to the cells within the column's body */
   cellFormatters?: IFormatter[];
+  /** Additional header props, it contains the info prop as well which can be used to add tooltip/popover */
+  header?: HeaderType;
   props?: any;
   data?: any;
-  header?: any;
   cell?: any;
   dataLabel?: string;
 }
@@ -291,7 +298,7 @@ export interface TableProps extends OUIAProps {
   dropdownDirection?: 'up' | 'down';
   /** Row data */
   rows: (IRow | string[])[];
-  /** Cell data */
+  /** Cell/column data */
   cells: (ICell | string)[];
   /** Wrapper for the body  */
   bodyWrapper?: Function;
diff --git a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
index 1794e237c2e..49db422b0fa 100644
--- a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
+++ b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
@@ -415,7 +415,7 @@ exports[`Actions table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -424,7 +424,7 @@ exports[`Actions table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -740,22 +740,22 @@ exports[`Actions table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -774,7 +774,7 @@ exports[`Actions table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -1361,8 +1361,8 @@ exports[`Actions table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -3417,13 +3417,13 @@ exports[`Actions table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -4360,10 +4360,10 @@ exports[`Actions table 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -13273,16 +13273,16 @@ exports[`Actions table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -13658,7 +13658,7 @@ exports[`Cell header table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -13667,7 +13667,7 @@ exports[`Cell header table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -13938,22 +13938,22 @@ exports[`Cell header table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -13972,7 +13972,7 @@ exports[`Cell header table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -14475,8 +14475,8 @@ exports[`Cell header table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -16441,13 +16441,13 @@ exports[`Cell header table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -17384,10 +17384,10 @@ exports[`Cell header table 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -22364,16 +22364,16 @@ exports[`Cell header table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -22817,7 +22817,7 @@ exports[`Collapsible nested table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -22826,7 +22826,7 @@ exports[`Collapsible nested table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -23155,22 +23155,22 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -23189,7 +23189,7 @@ exports[`Collapsible nested table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -23789,8 +23789,8 @@ exports[`Collapsible nested table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -25895,13 +25895,13 @@ exports[`Collapsible nested table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -26850,12 +26850,12 @@ exports[`Collapsible nested table 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                       isExpanded={false}
                       key="tbody-0"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -29036,14 +29036,14 @@ exports[`Collapsible nested table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       isExpanded={false}
                       key="tbody-1"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -30463,13 +30463,13 @@ exports[`Collapsible nested table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-2"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -31127,13 +31127,13 @@ exports[`Collapsible nested table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-3"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -31791,13 +31791,13 @@ exports[`Collapsible nested table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-4"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -32455,13 +32455,13 @@ exports[`Collapsible nested table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-5"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -33119,16 +33119,16 @@ exports[`Collapsible nested table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -33570,7 +33570,7 @@ exports[`Collapsible table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -33579,7 +33579,7 @@ exports[`Collapsible table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -33908,22 +33908,22 @@ exports[`Collapsible table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -33942,7 +33942,7 @@ exports[`Collapsible table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -34542,8 +34542,8 @@ exports[`Collapsible table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -36640,13 +36640,13 @@ exports[`Collapsible table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -37591,12 +37591,12 @@ exports[`Collapsible table 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                       isExpanded={true}
                       key="tbody-0"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                         isExpanded={true}
@@ -39016,13 +39016,13 @@ exports[`Collapsible table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-1"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -39680,14 +39680,14 @@ exports[`Collapsible table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       isExpanded={false}
                       key="tbody-2"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -41107,13 +41107,13 @@ exports[`Collapsible table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-3"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -41771,13 +41771,13 @@ exports[`Collapsible table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-4"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -42435,13 +42435,13 @@ exports[`Collapsible table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-5"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -43099,13 +43099,13 @@ exports[`Collapsible table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-6"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -43763,16 +43763,16 @@ exports[`Collapsible table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -43993,7 +43993,7 @@ exports[`Compound Expandable table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -44002,7 +44002,7 @@ exports[`Compound Expandable table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -44145,22 +44145,22 @@ exports[`Compound Expandable table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -44179,7 +44179,7 @@ exports[`Compound Expandable table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -44380,8 +44380,8 @@ exports[`Compound Expandable table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -45092,13 +45092,13 @@ exports[`Compound Expandable table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -45385,12 +45385,12 @@ exports[`Compound Expandable table 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                       isExpanded={true}
                       key="tbody-0"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                         isExpanded={true}
@@ -45978,14 +45978,14 @@ exports[`Compound Expandable table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       isExpanded={false}
                       key="tbody-1"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -46573,16 +46573,16 @@ exports[`Compound Expandable table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -46988,7 +46988,7 @@ exports[`Control text table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -46997,7 +46997,7 @@ exports[`Control text table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -47273,22 +47273,22 @@ exports[`Control text table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -47307,7 +47307,7 @@ exports[`Control text table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -47766,8 +47766,8 @@ exports[`Control text table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -49577,13 +49577,13 @@ exports[`Control text table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -50406,12 +50406,12 @@ exports[`Control text table 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                       isExpanded={false}
                       key="tbody-0"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -52062,14 +52062,14 @@ exports[`Control text table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       isExpanded={false}
                       key="tbody-1"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -53171,13 +53171,13 @@ exports[`Control text table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-2"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -53729,13 +53729,13 @@ exports[`Control text table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-3"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -54287,13 +54287,13 @@ exports[`Control text table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-4"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -54845,13 +54845,13 @@ exports[`Control text table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-5"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -55403,16 +55403,16 @@ exports[`Control text table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -55762,7 +55762,7 @@ exports[`Editable table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTable
+      <TableComposable
         className=""
         gridBreakPoint="grid-md"
         isStickyHeader={false}
@@ -55770,7 +55770,7 @@ exports[`Editable table 1`] = `
         role="grid"
         variant={null}
       >
-        <BaseTableBase
+        <TableComposableBase
           className=""
           gridBreakPoint="grid-md"
           innerRef={null}
@@ -56041,22 +56041,22 @@ exports[`Editable table 1`] = `
                           },
                           "wrapper": Object {
                             "$$typeof": Symbol(react.forward_ref),
-                            "displayName": "THead",
+                            "displayName": "Thead",
                             "render": [Function],
                           },
                         },
                         "table": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTable",
+                          "displayName": "TableComposable",
                           "render": [Function],
                         },
                       }
                     }
                   >
-                    <THead
+                    <Thead
                       className=""
                     >
-                      <THeadBase
+                      <TheadBase
                         className=""
                         innerRef={null}
                       >
@@ -56075,7 +56075,7 @@ exports[`Editable table 1`] = `
                                 },
                                 "wrapper": Object {
                                   "$$typeof": Symbol(react.forward_ref),
-                                  "displayName": "THead",
+                                  "displayName": "Thead",
                                   "render": [Function],
                                 },
                               }
@@ -56521,8 +56521,8 @@ exports[`Editable table 1`] = `
                             </Tr>
                           </HeaderRow>
                         </thead>
-                      </THeadBase>
-                    </THead>
+                      </TheadBase>
+                    </Thead>
                   </BaseHeader>
                 </Header>
               </ContextHeader>
@@ -57843,13 +57843,13 @@ exports[`Editable table 1`] = `
                           },
                           "wrapper": Object {
                             "$$typeof": Symbol(react.forward_ref),
-                            "displayName": "THead",
+                            "displayName": "Thead",
                             "render": [Function],
                           },
                         },
                         "table": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "BaseTable",
+                          "displayName": "TableComposable",
                           "render": [Function],
                         },
                       }
@@ -58368,10 +58368,10 @@ exports[`Editable table 1`] = `
                         ]
                       }
                     >
-                      <TBody
+                      <Tbody
                         className=""
                       >
-                        <TBodyBase
+                        <TbodyBase
                           className=""
                           innerRef={null}
                         >
@@ -60594,16 +60594,16 @@ exports[`Editable table 1`] = `
                               </RowWrapper>
                             </BodyRow>
                           </tbody>
-                        </TBodyBase>
-                      </TBody>
+                        </TbodyBase>
+                      </Tbody>
                     </BodyWrapper>
                   </BaseBody>
                 </Body>
               </ContextBody>
             </TableBody>
           </table>
-        </BaseTableBase>
-      </BaseTable>
+        </TableComposableBase>
+      </TableComposable>
     </Provider>
   </form>
 </Table>
@@ -60998,7 +60998,7 @@ exports[`Header width table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -61007,7 +61007,7 @@ exports[`Header width table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -61281,22 +61281,22 @@ exports[`Header width table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -61315,7 +61315,7 @@ exports[`Header width table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -61770,8 +61770,8 @@ exports[`Header width table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -63766,13 +63766,13 @@ exports[`Header width table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -64721,12 +64721,12 @@ exports[`Header width table 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                       isExpanded={false}
                       key="tbody-0"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -66413,14 +66413,14 @@ exports[`Header width table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       isExpanded={false}
                       key="tbody-1"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -67546,13 +67546,13 @@ exports[`Header width table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-2"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -68116,13 +68116,13 @@ exports[`Header width table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-3"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -68686,13 +68686,13 @@ exports[`Header width table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-4"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -69256,13 +69256,13 @@ exports[`Header width table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-5"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -69826,16 +69826,16 @@ exports[`Header width table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -70207,7 +70207,7 @@ exports[`Row click table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Row click table"
       className=""
       gridBreakPoint="grid-md"
@@ -70216,7 +70216,7 @@ exports[`Row click table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Row click table"
         className=""
         gridBreakPoint="grid-md"
@@ -70486,22 +70486,22 @@ exports[`Row click table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -70520,7 +70520,7 @@ exports[`Row click table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -71022,8 +71022,8 @@ exports[`Row click table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -72988,13 +72988,13 @@ exports[`Row click table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -73931,10 +73931,10 @@ exports[`Row click table 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -78857,16 +78857,16 @@ exports[`Row click table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -79299,7 +79299,7 @@ exports[`Selectable table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -79308,7 +79308,7 @@ exports[`Selectable table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -79626,22 +79626,22 @@ exports[`Selectable table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -79660,7 +79660,7 @@ exports[`Selectable table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -80267,8 +80267,8 @@ exports[`Selectable table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -82351,13 +82351,13 @@ exports[`Selectable table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -83306,12 +83306,12 @@ exports[`Selectable table 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                       isExpanded={false}
                       key="tbody-0"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -85246,14 +85246,14 @@ exports[`Selectable table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       isExpanded={false}
                       key="tbody-1"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -86550,13 +86550,13 @@ exports[`Selectable table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-2"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -87214,13 +87214,13 @@ exports[`Selectable table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-3"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -87878,13 +87878,13 @@ exports[`Selectable table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-4"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -88542,13 +88542,13 @@ exports[`Selectable table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-5"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -89206,16 +89206,16 @@ exports[`Selectable table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -89647,7 +89647,7 @@ exports[`Selectable table with Radio 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -89656,7 +89656,7 @@ exports[`Selectable table with Radio 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -89973,22 +89973,22 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -90007,7 +90007,7 @@ exports[`Selectable table with Radio 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -90594,8 +90594,8 @@ exports[`Selectable table with Radio 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -92676,13 +92676,13 @@ exports[`Selectable table with Radio 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -93631,12 +93631,12 @@ exports[`Selectable table with Radio 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                       isExpanded={false}
                       key="tbody-0"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -95568,14 +95568,14 @@ exports[`Selectable table with Radio 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       isExpanded={false}
                       key="tbody-1"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                         isExpanded={false}
@@ -96870,13 +96870,13 @@ exports[`Selectable table with Radio 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-2"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -97533,13 +97533,13 @@ exports[`Selectable table with Radio 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-3"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -98196,13 +98196,13 @@ exports[`Selectable table with Radio 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-4"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -98859,13 +98859,13 @@ exports[`Selectable table with Radio 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
-                    <TBody
+                      </TbodyBase>
+                    </Tbody>
+                    <Tbody
                       className=""
                       key="tbody-5"
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -99522,16 +99522,16 @@ exports[`Selectable table with Radio 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -100095,7 +100095,7 @@ exports[`Simple Actions table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -100104,7 +100104,7 @@ exports[`Simple Actions table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -100534,22 +100534,22 @@ exports[`Simple Actions table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -100568,7 +100568,7 @@ exports[`Simple Actions table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -101269,8 +101269,8 @@ exports[`Simple Actions table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -103719,13 +103719,13 @@ exports[`Simple Actions table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -104766,10 +104766,10 @@ exports[`Simple Actions table 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -115967,16 +115967,16 @@ exports[`Simple Actions table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -116344,7 +116344,7 @@ exports[`Simple table aria-label 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -116353,7 +116353,7 @@ exports[`Simple table aria-label 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -116622,22 +116622,22 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -116656,7 +116656,7 @@ exports[`Simple table aria-label 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -117103,8 +117103,8 @@ exports[`Simple table aria-label 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -119065,13 +119065,13 @@ exports[`Simple table aria-label 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -120008,10 +120008,10 @@ exports[`Simple table aria-label 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -124925,16 +124925,16 @@ exports[`Simple table aria-label 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -125301,7 +125301,7 @@ exports[`Simple table caption 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -125309,7 +125309,7 @@ exports[`Simple table caption 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -125579,22 +125579,22 @@ exports[`Simple table caption 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -125613,7 +125613,7 @@ exports[`Simple table caption 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -126060,8 +126060,8 @@ exports[`Simple table caption 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -128022,13 +128022,13 @@ exports[`Simple table caption 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -128965,10 +128965,10 @@ exports[`Simple table caption 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -133882,16 +133882,16 @@ exports[`Simple table caption 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -134265,7 +134265,7 @@ exports[`Simple table header 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -134273,7 +134273,7 @@ exports[`Simple table header 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -134540,22 +134540,22 @@ exports[`Simple table header 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -134574,7 +134574,7 @@ exports[`Simple table header 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -135021,8 +135021,8 @@ exports[`Simple table header 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -136983,13 +136983,13 @@ exports[`Simple table header 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -137926,10 +137926,10 @@ exports[`Simple table header 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -142843,16 +142843,16 @@ exports[`Simple table header 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -143226,7 +143226,7 @@ exports[`Sortable table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -143235,7 +143235,7 @@ exports[`Sortable table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -143505,22 +143505,22 @@ exports[`Sortable table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -143539,7 +143539,7 @@ exports[`Sortable table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -144042,8 +144042,8 @@ exports[`Sortable table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -146006,13 +146006,13 @@ exports[`Sortable table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -146949,10 +146949,10 @@ exports[`Sortable table 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -151875,16 +151875,16 @@ exports[`Sortable table 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -152256,7 +152256,7 @@ exports[`Table variants Breakpoint -  1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint=""
@@ -152265,7 +152265,7 @@ exports[`Table variants Breakpoint -  1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint=""
@@ -152535,22 +152535,22 @@ exports[`Table variants Breakpoint -  1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -152569,7 +152569,7 @@ exports[`Table variants Breakpoint -  1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -153071,8 +153071,8 @@ exports[`Table variants Breakpoint -  1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -155035,13 +155035,13 @@ exports[`Table variants Breakpoint -  1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -155978,10 +155978,10 @@ exports[`Table variants Breakpoint -  1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -160904,16 +160904,16 @@ exports[`Table variants Breakpoint -  1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -161285,7 +161285,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid"
@@ -161294,7 +161294,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid"
@@ -161564,22 +161564,22 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -161598,7 +161598,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -162100,8 +162100,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -164064,13 +164064,13 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -165007,10 +165007,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -169933,16 +169933,16 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -170314,7 +170314,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-2xl"
@@ -170323,7 +170323,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-2xl"
@@ -170593,22 +170593,22 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -170627,7 +170627,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -171129,8 +171129,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -173093,13 +173093,13 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -174036,10 +174036,10 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -178962,16 +178962,16 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -179343,7 +179343,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-lg"
@@ -179352,7 +179352,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-lg"
@@ -179622,22 +179622,22 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -179656,7 +179656,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -180158,8 +180158,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -182122,13 +182122,13 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -183065,10 +183065,10 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -187991,16 +187991,16 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -188372,7 +188372,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -188381,7 +188381,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -188651,22 +188651,22 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -188685,7 +188685,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -189187,8 +189187,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -191151,13 +191151,13 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -192094,10 +192094,10 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -197020,16 +197020,16 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -197401,7 +197401,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-xl"
@@ -197410,7 +197410,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-xl"
@@ -197680,22 +197680,22 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -197714,7 +197714,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -198216,8 +198216,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -200180,13 +200180,13 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -201123,10 +201123,10 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -206049,16 +206049,16 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -206430,7 +206430,7 @@ exports[`Table variants Size - compact 1`] = `
     role="grid"
     variant="compact"
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -206439,7 +206439,7 @@ exports[`Table variants Size - compact 1`] = `
       role="grid"
       variant="compact"
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -206709,22 +206709,22 @@ exports[`Table variants Size - compact 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -206743,7 +206743,7 @@ exports[`Table variants Size - compact 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -207245,8 +207245,8 @@ exports[`Table variants Size - compact 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -209209,13 +209209,13 @@ exports[`Table variants Size - compact 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -210152,10 +210152,10 @@ exports[`Table variants Size - compact 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -215078,16 +215078,16 @@ exports[`Table variants Size - compact 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -215459,7 +215459,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
     role="grid"
     variant="compactBorderless"
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -215468,7 +215468,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
       role="grid"
       variant="compactBorderless"
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -215738,22 +215738,22 @@ exports[`Table variants Size - compactBorderless 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -215772,7 +215772,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -216274,8 +216274,8 @@ exports[`Table variants Size - compactBorderless 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -218238,13 +218238,13 @@ exports[`Table variants Size - compactBorderless 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -219181,10 +219181,10 @@ exports[`Table variants Size - compactBorderless 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -224107,16 +224107,16 @@ exports[`Table variants Size - compactBorderless 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -224488,7 +224488,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
     role="grid"
     variant="compactExpandable"
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -224497,7 +224497,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
       role="grid"
       variant="compactExpandable"
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -224767,22 +224767,22 @@ exports[`Table variants Size - compactExpandable 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -224801,7 +224801,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -225303,8 +225303,8 @@ exports[`Table variants Size - compactExpandable 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Header>
             </ContextHeader>
@@ -227267,13 +227267,13 @@ exports[`Table variants Size - compactExpandable 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
@@ -228210,10 +228210,10 @@ exports[`Table variants Size - compactExpandable 1`] = `
                       ]
                     }
                   >
-                    <TBody
+                    <Tbody
                       className=""
                     >
-                      <TBodyBase
+                      <TbodyBase
                         className=""
                         innerRef={null}
                       >
@@ -233136,16 +233136,16 @@ exports[`Table variants Size - compactExpandable 1`] = `
                             </RowWrapper>
                           </BodyRow>
                         </tbody>
-                      </TBodyBase>
-                    </TBody>
+                      </TbodyBase>
+                    </Tbody>
                   </BodyWrapper>
                 </BaseBody>
               </Body>
             </ContextBody>
           </TableBody>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
diff --git a/packages/react-table/src/components/Table/base/types.tsx b/packages/react-table/src/components/Table/base/types.tsx
index a0e59bde28c..e4d2757fd05 100644
--- a/packages/react-table/src/components/Table/base/types.tsx
+++ b/packages/react-table/src/components/Table/base/types.tsx
@@ -7,12 +7,12 @@
 
 import * as React from 'react';
 import { TooltipProps, PopoverProps } from '@patternfly/react-core';
-import { BaseTable } from '../../BaseTable/BaseTable';
-import { THead } from '../../BaseTable/THead';
-import { TBody } from '../../BaseTable/TBody';
-import { Tr } from '../../BaseTable/Tr';
-import { Th } from '../../BaseTable/Th';
-import { Td } from '../../BaseTable/Td';
+import { TableComposable } from '../../TableComposable/TableComposable';
+import { Thead } from '../../TableComposable/Thead';
+import { Tbody } from '../../TableComposable/Tbody';
+import { Tr } from '../../TableComposable/Tr';
+import { Th } from '../../TableComposable/Th';
+import { Td } from '../../TableComposable/Td';
 
 // Cell Type
 export interface CellType {
@@ -60,14 +60,14 @@ export interface RowType {
 // Table Defaults
 export const TableDefaults = {
   renderers: {
-    table: BaseTable,
+    table: TableComposable,
     header: {
-      wrapper: THead,
+      wrapper: Thead,
       row: Tr,
       cell: Th
     },
     body: {
-      wrapper: TBody,
+      wrapper: Tbody,
       row: Tr,
       cell: Td
     }
diff --git a/packages/react-table/src/components/Table/examples/ComposableTable.md b/packages/react-table/src/components/Table/examples/ComposableTable.md
deleted file mode 100644
index 1bff586b8f9..00000000000
--- a/packages/react-table/src/components/Table/examples/ComposableTable.md
+++ /dev/null
@@ -1,1102 +0,0 @@
----
-id: TableComposable
-cssPrefix: pf-c-table
-section: components
-propComponents: ['BaseTable', 'THead', 'TBody', 'Tr', 'Th', 'Td', 'Caption']
-ouia: true
-beta: true
----
-
-Note: Table lives in its own package at [@patternfly/react-table](https://www.npmjs.com/package/@patternfly/react-table)!
-
-import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
-
-import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
-import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-icon';
-import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
-import CubeIcon from '@patternfly/react-icons/dist/js/icons/cube-icon';
-
-import DemoSortableTable from './DemoSortableTable';
-
-## Examples
-
-### Basic
-
-A basic example using the Base\* table components. Some general notes:
-
-- Provide `dataLabel` prop to the `Td` components so that in mobile view the cell has a label to provide context.
-- If you want a table caption, simply place a `<Caption>My caption</Caption>` as the first child within a `BaseTable`.
-
-```js isBeta
-import React from 'react';
-import { BaseTable, THead, TBody, Tr, Th, Td, Caption } from '@patternfly/react-table';
-
-ComposableTableBasic = () => {
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
-  const rows = [
-    ['one', 'two', 'three', 'four', 'five'],
-    ['one - 2', null, null, 'four - 2', 'five - 2'],
-    ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3']
-  ];
-  return (
-    <BaseTable aria-label="Simple table using composable components">
-      <Caption>Simple table using composable components</Caption>
-      <THead>
-        <Tr>
-          {columns.map((column, columnIndex) => (
-            <Th key={columnIndex}>{column}</Th>
-          ))}
-        </Tr>
-      </THead>
-      <TBody>
-        {rows.map((row, rowIndex) => (
-          <Tr key={rowIndex}>
-            {row.map((cell, cellIndex) => (
-              <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
-                {cell}
-              </Td>
-            ))}
-          </Tr>
-        ))}
-      </TBody>
-    </BaseTable>
-  );
-};
-```
-
-### Row click handler, custom row wrapper, header tooltips & popovers
-
-This example demonstrates customizing rows, adding tooltip and popover information to header items, and some other misc. props.
-
-- You can wrap the header cell contents in a `HeaderCellInfoWrapper` component to give it a tooltip or popover
-- If you add the `noWrap` prop to `THead`, it won't wrap it if there is no space
-- You can add the `textCenter` prop to `Th` or `Td` to center the contents
-- You can pass `onClick`, `className`, `style` and more to `Tr`
-
-```js isBeta
-import React from 'react';
-import { BaseTable, THead, TBody, Tr, Th, Td, HeaderCellInfoWrapper } from '@patternfly/react-table';
-
-ComposableTableMisc = () => {
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
-  const rows = [
-    ['one', 'two', 'three', 'four', 'five'],
-    [{ title: 'one - 2', colSpan: 3 }, null, null, 'four - 2', 'five - 2'],
-    ['one - 3', 'two - 3', 'three - 3', 'four - 3', { title: 'five - 3 (not centered)', textCenter: false }]
-  ];
-  const onRowClick = (event, rowIndex, row) => {
-    console.log(`handle row click ${rowIndex}`, row);
-  };
-  return (
-    <BaseTable aria-label="Misc table">
-      <THead noWrap>
-        <Tr>
-          <Th>
-            <HeaderCellInfoWrapper
-              variant="tooltip"
-              info="More information about repositories"
-              className="repositories-info-tip"
-              tooltipProps={{
-                isContentLeftAligned: true
-              }}
-            >
-              {columns[0]}
-            </HeaderCellInfoWrapper>
-          </Th>
-          <Th>{columns[1]}</Th>
-          <Th>
-            <HeaderCellInfoWrapper
-              variant="popover"
-              info={
-                <div>
-                  More <strong>information</strong> on pull requests
-                </div>
-              }
-              ariaLabel="More information on pull requests"
-              popoverProps={{
-                headerContent: 'Pull requests',
-                footerContent: <a href="">Click here for even more info</a>
-              }}
-            >
-              {columns[2]}
-            </HeaderCellInfoWrapper>
-          </Th>
-          <Th>{columns[3]}</Th>
-          <Th textCenter>{columns[4]}</Th>
-        </Tr>
-      </THead>
-      <TBody>
-        {rows.map((row, rowIndex) => {
-          const isOddRow = (rowIndex + 1) % 2;
-          const customStyle = {
-            borderLeft: '3px solid var(--pf-global--primary-color--100)'
-          };
-          return (
-            <Tr
-              key={rowIndex}
-              onClick={event => onRowClick(event, rowIndex, row)}
-              className={isOddRow ? 'odd-row-class' : 'even-row-class'}
-              style={isOddRow ? customStyle : {}}
-            >
-              {row.map((cell, cellIndex) => {
-                if (!cell) {
-                  return null;
-                }
-                let cellObject;
-                if (typeof cell !== 'object') {
-                  cellObject = {
-                    title: cell
-                  };
-                } else {
-                  cellObject = cell;
-                }
-                const { title, ...rest } = cellObject;
-                return (
-                  <Td
-                    key={`${rowIndex}_${cellIndex}`}
-                    columnIndex={cellIndex}
-                    dataLabel={columns[cellIndex]}
-                    textCenter={cellIndex === row.length - 1}
-                    {...rest}
-                  >
-                    {title}
-                  </Td>
-                );
-              })}
-            </Tr>
-          );
-        })}
-      </TBody>
-    </BaseTable>
-  );
-};
-```
-
-### Sortable, sortable with wrapping headers
-
-This example demonstrates making columns sortable, and wrapping header text. For sorting it is also important to pass the `columnIndex` to the `Th`.
-
-```js isBeta
-import React from 'react';
-import { BaseTable, THead, TBody, Tr, Th, Td } from '@patternfly/react-table';
-
-ComposableTableSortable = () => {
-  const columns = [
-    'This is a really long table header that goes on for a long time 1.',
-    'This is a really long table header that goes on for a long time 2.',
-    'This is a really long table header that goes on for a long time 3.',
-    'This is a really long table header that goes on for a long time 4.',
-    'This is a really long table header that goes on for a long time 5.'
-  ];
-  const [rows, setRows] = React.useState([
-    ['one', 'two', 'a', 'four', 'five'],
-    ['a', 'two', 'k', 'four', 'five'],
-    ['p', 'two', 'b', 'four', 'five']
-  ]);
-  // index of the currently active column
-  const [activeSortIndex, setActiveSortIndex] = React.useState(-1);
-  // sort direction of the currently active column
-  const [activeSortDirection, setActiveSortDirection] = React.useState('none');
-  const onSort = (event, index, direction) => {
-    setActiveSortIndex(index);
-    setActiveSortDirection(direction);
-    // sorts the rows
-    const updatedRows = rows.sort((a, b) => {
-      if (typeof a[index] === 'number') {
-        // numeric sort
-        if (direction === 'asc') {
-          return a[index] - b[index];
-        }
-        return b[index] - a[index];
-      } else {
-        // string sort
-        if (direction === 'asc') {
-          return a[index].localeCompare(b[index]);
-        }
-        return b[index].localeCompare(a[index]);
-      }
-    });
-    setRows(updatedRows);
-  };
-  return (
-    <BaseTable aria-label="Sortable Table">
-      <THead>
-        <Tr>
-          {columns.map((column, columnIndex) => {
-            // In this example, wrap all but the first column just to demonstrate
-            const modifier = columnIndex !== 0 ? 'wrap' : null;
-            // In this example, make the 1st and 3rd columns sortable
-            const sortParams =
-              columnIndex === 0 || columnIndex === 2
-                ? {
-                    activeSortIndex,
-                    activeSortDirection,
-                    onSort,
-                    columnIndex
-                  }
-                : {};
-            return (
-              <Th key={columnIndex} modifier={modifier} {...sortParams}>
-                {column}
-              </Th>
-            );
-          })}
-        </Tr>
-      </THead>
-      <TBody>
-        {rows.map((row, rowIndex) => (
-          <Tr key={rowIndex}>
-            {row.map((cell, cellIndex) => (
-              <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
-                {cell}
-              </Td>
-            ))}
-          </Tr>
-        ))}
-      </TBody>
-    </BaseTable>
-  );
-};
-```
-
-### Selectable
-
-This example demonstrates row selection. The selection column is just another column, but with selection specific props added. We add it as the first header cell and also as the first body cell for each row.
-Be sure to also add `columnIndex` to `Th` and `columnIndex` as well as `rowIndex` to `Td`.
-
-```js isBeta
-import React from 'react';
-import { BaseTable, THead, TBody, Tr, Th, Td } from '@patternfly/react-table';
-
-ComposableTableSelectable = () => {
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
-  const rows = [
-    ['one', 'two', 'a', 'four', 'five'],
-    ['a', 'two', 'k', 'four', 'five'],
-    ['p', 'two', 'b', 'four', 'five']
-  ];
-  const [allRowsSelected, setAllRowsSelected] = React.useState(false);
-  const [selected, setSelected] = React.useState(rows.map(row => false));
-  const onSelect = (event, isSelected, rowId) => {
-    setSelected(selected.map((sel, index) => (index === rowId ? isSelected : sel)));
-    if (!isSelected && allRowsSelected) {
-      setAllRowsSelected(false);
-    } else if (isSelected && !allRowsSelected) {
-      let allSelected = true;
-      for (let i = 0; i < selected.length; i++) {
-        if (i !== rowId) {
-          if (!selected[i]) {
-            allSelected = false;
-          }
-        }
-      }
-      if (allSelected) {
-        setAllRowsSelected(true);
-      }
-    }
-  };
-  const onSelectAll = (event, isSelected) => {
-    setAllRowsSelected(isSelected);
-    setSelected(selected.map(sel => isSelected));
-  };
-  return (
-    <BaseTable aria-label="Selectable Table">
-      <THead>
-        <Tr>
-          <Th columnIndex={0} onSelect={onSelectAll} isSelected={allRowsSelected} />
-          <Th columnIndex={1}>{columns[0]}</Th>
-          <Th columnIndex={2}>{columns[1]}</Th>
-          <Th columnIndex={3}>{columns[2]}</Th>
-          <Th columnIndex={4}>{columns[3]}</Th>
-          <Th columnIndex={5}>{columns[4]}</Th>
-        </Tr>
-      </THead>
-      <TBody>
-        {rows.map((row, rowIndex) => (
-          <Tr key={rowIndex}>
-            <Td
-              key={`${rowIndex}_0`}
-              columnIndex={0}
-              rowIndex={rowIndex}
-              onSelect={onSelect}
-              isSelected={selected[rowIndex]}
-              disableSelection={rowIndex === 1}
-            />
-            {row.map((cell, cellIndex) => {
-              const shiftedIndex = cellIndex + 1;
-              return (
-                <Td key={`${rowIndex}_${shiftedIndex}`} columnIndex={shiftedIndex} dataLabel={columns[cellIndex]}>
-                  {cell}
-                </Td>
-              );
-            })}
-          </Tr>
-        ))}
-      </TBody>
-    </BaseTable>
-  );
-};
-```
-
-### Selectable radio input
-
-Similarly to the selectable example above, the radio buttons use the first column. The first header cell is empty, and each body row's first cell has radio button props. Just as with selectable, be sure to also add `columnIndex` to `Th` and `columnIndex` as well as `rowIndex` to `Td`.
-
-```js isBeta
-import React from 'react';
-import { BaseTable, THead, TBody, Tr, Th, Td } from '@patternfly/react-table';
-
-ComposableTableSelectableRadio = () => {
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
-  const rows = [
-    ['one', 'two', 'a', 'four', 'five'],
-    ['a', 'two', 'k', 'four', 'five'],
-    ['p', 'two', 'b', 'four', 'five']
-  ];
-  const [selected, setSelected] = React.useState(-1);
-  const onSelect = (event, isSelected, rowId) => {
-    setSelected(rowId);
-  };
-  return (
-    <BaseTable aria-label="Radio selectable table">
-      <THead>
-        <Tr>
-          <Th columnIndex={0} />
-          <Th columnIndex={1}>{columns[0]}</Th>
-          <Th columnIndex={2}>{columns[1]}</Th>
-          <Th columnIndex={3}>{columns[2]}</Th>
-          <Th columnIndex={4}>{columns[3]}</Th>
-          <Th columnIndex={5}>{columns[4]}</Th>
-        </Tr>
-      </THead>
-      <TBody>
-        {rows.map((row, rowIndex) => (
-          <Tr key={rowIndex}>
-            <Td
-              key={`${rowIndex}_0`}
-              columnIndex={0}
-              rowIndex={rowIndex}
-              onSelect={onSelect}
-              isSelected={selected === rowIndex}
-              disableSelection={rowIndex === 1}
-              selectVariant="radio"
-            />
-            {row.map((cell, cellIndex) => {
-              const shiftedIndex = cellIndex + 1;
-              return (
-                <Td key={`${rowIndex}_${shiftedIndex}`} columnIndex={shiftedIndex} dataLabel={columns[cellIndex]}>
-                  {cell}
-                </Td>
-              );
-            })}
-          </Tr>
-        ))}
-      </TBody>
-    </BaseTable>
-  );
-};
-```
-
-### Actions
-
-This example demonstrates adding actions as the last column. The header's last cell is an empty cell, and each body row's last cell is an action cell.
-
-```js isBeta
-import React from 'react';
-import { BaseTable, THead, TBody, Tr, Th, Td } from '@patternfly/react-table';
-
-ComposableTableActions = () => {
-  const defaultActions = [
-    {
-      title: 'Some action',
-      onClick: (event, rowId, rowData, extra) => console.log('clicked on Some action, on row: ', rowId)
-    },
-    {
-      title: <a href="https://www.patternfly.org">Link action</a>
-    },
-    {
-      isSeparator: true
-    },
-    {
-      title: 'Third action',
-      onClick: (event, rowId, rowData, extra) => console.log('clicked on Third action, on row: ', rowId)
-    }
-  ];
-  const lastRowActions = [
-    {
-      title: 'Some action',
-      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Some action, on row ${rowId}`)
-    },
-    {
-      title: <div>Another action</div>,
-      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Another action, on row ${rowId}`)
-    },
-    {
-      isSeparator: true
-    },
-    {
-      title: 'Third action',
-      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Third action, on row ${rowId}`)
-    }
-  ];
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
-  const rows = [
-    ['one', 'two', 'a', 'four', 'five'],
-    ['a', 'two', 'k', 'four', 'five'],
-    ['p', 'two', 'b', 'four', 'five'],
-    ['4', '2', 'b', 'four', 'five'],
-    ['5', '2', 'b', 'four', 'five']
-  ];
-  return (
-    <BaseTable aria-label="Actions table">
-      <THead>
-        <Tr>
-          <Th columnIndex={0}>{columns[0]}</Th>
-          <Th columnIndex={1}>{columns[1]}</Th>
-          <Th columnIndex={2}>{columns[2]}</Th>
-          <Th columnIndex={3}>{columns[3]}</Th>
-          <Th columnIndex={4}>{columns[4]}</Th>
-          <Th columnIndex={5} />
-        </Tr>
-      </THead>
-      <TBody>
-        {rows.map((row, rowIndex) => (
-          <Tr key={rowIndex}>
-            {row.map((cell, cellIndex) => (
-              <Td key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
-                {cell}
-              </Td>
-            ))}
-            <Td
-              key={`${rowIndex}_5`}
-              columnIndex={5}
-              rowIndex={rowIndex}
-              actions={rowIndex === 1 ? null : rowIndex === 4 ? lastRowActions : defaultActions}
-              actionsDisabled={rowIndex === 3}
-            />
-          </Tr>
-        ))}
-      </TBody>
-    </BaseTable>
-  );
-};
-```
-
-### Compact, compact borderless
-
-You can set the `BaseTable` variant to `compact` or `compactBorderless`.
-
-```js isBeta
-import React from 'react';
-import { BaseTable, THead, TBody, Tr, Th, Td } from '@patternfly/react-table';
-import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
-
-ComposableTableCompact = () => {
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
-  const rows = [
-    ['one', 'two', 'a', 'four', 'five'],
-    ['a', 'two', 'k', 'four', 'five'],
-    ['p', 'two', 'b', 'four', 'five'],
-    ['4', '2', 'b', 'four', 'five'],
-    ['5', '2', 'b', 'four', 'five']
-  ];
-  const [variant, setVariant] = React.useState('compact');
-  const handleItemClick = (isSelected, event) => {
-    const id = event.currentTarget.id;
-    setVariant(id);
-  };
-  return (
-    <React.Fragment>
-      <ToggleGroup aria-label="Default with single selectable">
-        <ToggleGroupItem
-          text="Compact"
-          buttonId="compact"
-          isSelected={variant === 'compact'}
-          onChange={handleItemClick}
-        />
-        <ToggleGroupItem
-          text="Compact borderless"
-          buttonId="compactBorderless"
-          isSelected={variant === 'compactBorderless'}
-          onChange={handleItemClick}
-        />
-      </ToggleGroup>
-      <BaseTable aria-label="Compact Table" variant={variant}>
-        <THead>
-          <Tr>
-            {columns.map((column, columnIndex) => (
-              <Th key={columnIndex}>{column}</Th>
-            ))}
-          </Tr>
-        </THead>
-        <TBody>
-          {rows.map((row, rowIndex) => (
-            <Tr key={rowIndex}>
-              {row.map((cell, cellIndex) => (
-                <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
-                  {cell}
-                </Td>
-              ))}
-            </Tr>
-          ))}
-        </TBody>
-      </BaseTable>
-    </React.Fragment>
-  );
-};
-```
-
-### Expandable
-
-This example demonstrates having expandable rows.
-
-- Each parent/child row pair is enclosed in a `TBody` component.
-- You can make the table more compact by setting the `BaseTable` variant to `compactExpandable`.
-
-```js isBeta
-import React from 'react';
-import { BaseTable, THead, TBody, Tr, Th, Td, ExpandableRowContent } from '@patternfly/react-table';
-import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
-
-ComposableTableExpandable = () => {
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
-  const rowPairs = [
-    { parent: ['one', 'two', 'a', 'four', 'five'], child: null },
-    {
-      parent: ['parent 1', 'two', 'k', 'four', 'five'],
-      child: ['single cell']
-    },
-    {
-      parent: ['parent 2', 'two', 'b', 'four', 'five'],
-      child: ['single cell - fullWidth'],
-      fullWidth: true
-    },
-    {
-      parent: ['parent 3', '2', 'b', 'four', 'five'],
-      child: ['single cell - noPadding'],
-      noPadding: true
-    },
-    {
-      parent: ['parent 4', '2', 'b', 'four', 'five'],
-      child: ['single cell - fullWidth & noPadding'],
-      fullWidth: true,
-      noPadding: true
-    },
-    {
-      parent: ['parent 5', '2', 'b', 'four', 'five'],
-      child: [
-        {
-          title: "spans 'Repositories' and 'Branches'",
-          props: {
-            colSpan: 2
-          }
-        },
-        {
-          title: "spans 'Pull requests' and 'Workspaces', and 'Last commit'",
-          props: {
-            colSpan: 3
-          }
-        }
-      ]
-    },
-    {
-      parent: ['parent 6', '2', 'b', 'four', 'five'],
-      child: [
-        {
-          title: "fullWidth, spans the collapsible column and 'Repositories'",
-          props: {
-            colSpan: 2
-          }
-        },
-        {
-          title: "fullWidth, spans 'Branches' and 'Pull requests' and 'Workspaces'",
-          props: {
-            colSpan: 3
-          }
-        },
-        "fullWidth, spans 'Last commit'"
-      ],
-      fullWidth: true
-    }
-  ];
-  const numColumns = columns.length;
-  // Init all to true
-  const [expanded, setExpanded] = React.useState(
-    Object.fromEntries(Object.entries(rowPairs).map(([k, v]) => [k, true]))
-  );
-  const [variant, setVariant] = React.useState(null);
-  const handleItemClick = (isSelected, event) => {
-    const id = event.currentTarget.id;
-    setVariant(id === 'default' ? null : id);
-  };
-  const handleExpansionToggle = rowIndex => {
-    setExpanded({
-      ...expanded,
-      [rowIndex]: !expanded[rowIndex]
-    });
-  };
-  let rowIndex = -1;
-  return (
-    <React.Fragment>
-      <ToggleGroup aria-label="Default with single selectable">
-        <ToggleGroupItem buttonId="default" isSelected={variant === null} onChange={handleItemClick}>
-          Default expandable
-        </ToggleGroupItem>
-        <ToggleGroupItem
-          buttonId="compactExpandable"
-          isSelected={variant === 'compactExpandable'}
-          onChange={handleItemClick}
-        >
-          Compact expandable
-        </ToggleGroupItem>
-      </ToggleGroup>
-      <BaseTable aria-label="Expandable Table" variant={variant}>
-        <THead>
-          <Tr>
-            <Th columnIndex={0} />
-            <Th columnIndex={1}>{columns[0]}</Th>
-            <Th columnIndex={2}>{columns[1]}</Th>
-            <Th columnIndex={3}>{columns[2]}</Th>
-            <Th columnIndex={4}>{columns[3]}</Th>
-            <Th columnIndex={5}>{columns[4]}</Th>
-          </Tr>
-        </THead>
-        {rowPairs.map((pair, pairIndex) => {
-          rowIndex += 1;
-          const parentRow = (
-            <Tr key={rowIndex}>
-              <Td
-                key={`${rowIndex}_0`}
-                rowIndex={rowIndex}
-                columnIndex={0}
-                isExpanded={pair.child ? expanded[pairIndex] : null}
-                onClick={() => handleExpansionToggle(pairIndex)}
-              />
-              {pair.parent.map((cell, cellIndex) => (
-                <Td
-                  key={`${rowIndex}_${cellIndex}`}
-                  rowIndex={rowIndex}
-                  columnIndex={cellIndex + 1}
-                  dataLabel={columns[cellIndex]}
-                >
-                  {cell}
-                </Td>
-              ))}
-            </Tr>
-          );
-          if (pair.child) {
-            rowIndex += 1;
-          }
-          const childRow = pair.child ? (
-            <Tr key={rowIndex} isExpanded={expanded[pairIndex] === true}>
-              {!rowPairs[pairIndex].fullWidth && <Td key={`${rowIndex}_0`} columnIndex={0} />}
-              {rowPairs[pairIndex].child.map((cell, cellIndex) => {
-                const shift = rowPairs[pairIndex].fullWidth ? 1 : 0;
-                const shiftedCellIndex = cellIndex + shift;
-                return (
-                  <Td
-                    key={`${rowIndex}_${shiftedCellIndex}`}
-                    rowIndex={rowIndex}
-                    columnIndex={shiftedCellIndex}
-                    dataLabel={columns[cellIndex]}
-                    noPadding={rowPairs[pairIndex].noPadding}
-                    colSpan={
-                      rowPairs[pairIndex].child.length === 1
-                        ? numColumns + shift
-                        : cell.props && cell.props.colSpan
-                        ? cell.props.colSpan
-                        : 1
-                    }
-                  >
-                    <ExpandableRowContent>{cell.title || cell}</ExpandableRowContent>
-                  </Td>
-                );
-              })}
-            </Tr>
-          ) : null;
-          return (
-            <TBody key={pairIndex} isExpanded={expanded[pairIndex] === true}>
-              <React.Fragment>
-                {parentRow}
-                {childRow}
-              </React.Fragment>
-            </TBody>
-          );
-        })}
-      </BaseTable>
-    </React.Fragment>
-  );
-};
-```
-
-### Compound expandable
-
-```js isBeta
-import React from 'react';
-import { BaseTable, THead, TBody, Tr, Th, Td, ExpandableRowContent } from '@patternfly/react-table';
-
-import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-icon';
-import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
-import CubeIcon from '@patternfly/react-icons/dist/js/icons/cube-icon';
-
-// https://github.com/patternfly/patternfly-react/blob/master/packages/react-table/src/components/Table/demo/DemoSortableTable.js
-import DemoSortableTable from './demo/DemoSortableTable';
-
-ComposableCompoundExpandableTable = () => {
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit', ''];
-  const rows = [
-    ['siemur/test-space', 10, 4, 4, '20 minutes', 'Open in Github'],
-    ['siemur/test-space', 3, 4, 2, '10 minutes', 'Open in Github']
-  ];
-  const [activeChild, setActiveChild] = React.useState('0_1');
-  // key = row_col of the parent it corresponds to
-  const childData = {
-    '0_1': {
-      component: (
-        <DemoSortableTable
-          firstColumnRows={['parent-0', 'compound-1', 'three', 'four', 'five']}
-          id="compound-expansion-table-0_1"
-          key="0_1"
-        />
-      )
-    },
-    '0_2': {
-      component: (
-        <DemoSortableTable
-          firstColumnRows={['parent-0', 'compound-2', 'three', 'four', 'five']}
-          id="compound-expansion-table-0_2"
-          key="0_2"
-        />
-      )
-    },
-    '0_3': {
-      component: (
-        <DemoSortableTable
-          firstColumnRows={['parent-0', 'compound-3', 'three', 'four', 'five']}
-          id="compound-expansion-table-0_3"
-          key="0_3"
-        />
-      )
-    },
-    '1_1': {
-      component: (
-        <DemoSortableTable
-          firstColumnRows={['parent-1', 'compound-1', 'three', 'four', 'five']}
-          id="compound-expansion-table-1_1"
-          key="1_1"
-        />
-      )
-    },
-    '1_2': {
-      component: (
-        <DemoSortableTable
-          firstColumnRows={['parent-1', 'compound-2', 'three', 'four', 'five']}
-          id="compound-expansion-table-1_2"
-          key="1_2"
-        />
-      )
-    },
-    '1_3': {
-      component: (
-        <DemoSortableTable
-          firstColumnRows={['parent-1', 'compound-3', 'three', 'four', 'five']}
-          id="compound-expansion-table-1_3"
-          key="1_3"
-        />
-      )
-    }
-  };
-  const customRender = (cell, index) => {
-    if (index === 0) {
-      return <a href="#">{cell}</a>;
-    } else if (index === 1) {
-      return (
-        <React.Fragment>
-          <CodeBranchIcon key="icon" /> {cell}
-        </React.Fragment>
-      );
-    } else if (index === 2) {
-      return (
-        <React.Fragment>
-          <CodeIcon key="icon" /> {cell}
-        </React.Fragment>
-      );
-    } else if (index === 3) {
-      return (
-        <React.Fragment>
-          <CubeIcon key="icon" /> {cell}
-        </React.Fragment>
-      );
-    } else if (index === 5) {
-      return <a href="#">{cell}</a>;
-    }
-    return cell;
-  };
-  const isCompoundExpanded = (rowIndex, cellIndex) => {
-    // only columns 1 - 3 are compound expansion toggles in this example
-    if (1 <= cellIndex && cellIndex <= 3) {
-      return activeChild === `${rowIndex}_${cellIndex}`;
-    }
-    return null;
-  };
-  return (
-    <React.Fragment>
-      <BaseTable aria-label="Compound expandable table">
-        <THead>
-          <Tr>
-            {columns.map((column, columnIndex) => (
-              <Th key={columnIndex} columnIndex={columnIndex}>
-                {column}
-              </Th>
-            ))}
-          </Tr>
-        </THead>
-        {rows.map((row, rowIndex) => {
-          const isRowExpanded = activeChild && activeChild.split('_')[0] === `${rowIndex}`;
-          return (
-            <TBody key={rowIndex} isExpanded={isRowExpanded}>
-              <React.Fragment>
-                <Tr>
-                  {row.map((cell, cellIndex) => (
-                    <Td
-                      key={`${rowIndex}_${cellIndex}`}
-                      rowIndex={rowIndex}
-                      columnIndex={cellIndex}
-                      dataLabel={columns[cellIndex]}
-                      component={cellIndex === 0 ? 'th' : 'td'}
-                      isCompoundExpanded={isCompoundExpanded(rowIndex, cellIndex)}
-                      onClick={() => {
-                        // only columns 1 - 3 are clickable
-                        if (1 <= cellIndex && cellIndex <= 3) {
-                          const current = `${rowIndex}_${cellIndex}`;
-                          if (activeChild === current) {
-                            // closing the expansion on the current toggle
-                            setActiveChild(null);
-                          } else {
-                            // expanding
-                            setActiveChild(current);
-                          }
-                        }
-                      }}
-                    >
-                      {customRender(cell, cellIndex)}
-                    </Td>
-                  ))}
-                </Tr>
-                {isRowExpanded && (
-                  <Tr key={`${rowIndex}-child`} isExpanded={isRowExpanded}>
-                    <Td rowIndex={rowIndex} dataLabel={columns[0]} noPadding colSpan="6">
-                      <ExpandableRowContent>{childData[activeChild].component}</ExpandableRowContent>
-                    </Td>
-                  </Tr>
-                )}
-              </React.Fragment>
-            </TBody>
-          );
-        })}
-      </BaseTable>
-    </React.Fragment>
-  );
-};
-```
-
-### Cell width, breakpoint modifiers
-
-```js isBeta
-import React from 'react';
-import { BaseTable, THead, TBody, Tr, Th, Td } from '@patternfly/react-table';
-
-ComposableTableCellWidth = () => {
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
-  const rows = [
-    ['one', 'two', 'three', 'four', 'five'],
-    ['one - 2', null, null, 'four - 2', 'five - 2'],
-    ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3']
-  ];
-  return (
-    <BaseTable aria-label="Cell widths">
-      <THead>
-        <Tr>
-          {columns.map((column, columnIndex) => (
-            <Th
-              key={columnIndex}
-              width={columnIndex === 2 ? 40 : 15}
-              visibility={columnIndex === 2 ? ['hiddenOnMd', 'visibleOnLg'] : null}
-            >
-              {column}
-            </Th>
-          ))}
-        </Tr>
-      </THead>
-      <TBody>
-        {rows.map((row, rowIndex) => (
-          <Tr key={rowIndex}>
-            {row.map((cell, cellIndex) => (
-              <Td
-                key={`${rowIndex}_${cellIndex}`}
-                dataLabel={columns[cellIndex]}
-                visibility={cellIndex === 2 ? ['hiddenOnMd', 'visibleOnLg'] : null}
-              >
-                {cell}
-              </Td>
-            ))}
-          </Tr>
-        ))}
-      </TBody>
-    </BaseTable>
-  );
-};
-```
-
-### Controlling text
-
-```js isBeta
-import React from 'react';
-import { BaseTable, THead, TBody, Tr, Th, Td } from '@patternfly/react-table';
-
-ComposableControllingText = () => {
-  const columns = [
-    'Truncate (width 20%)',
-    'Break word',
-    'Wrapping table header text. This th text will wrap instead of truncate.',
-    'Fit content',
-    'No wrap'
-  ];
-  const rows = [
-    [
-      'This text will truncate instead of wrap.',
-      <a href="#">http://thisisaverylongurlthatneedstobreakusethebreakwordmodifier.org</a>,
-      <p>
-        By default,
-        <code>thead</code> cells will truncate and
-        <code>tbody</code> cells will wrap. Use
-        <code>.pf-m-wrap</code> on a<code>th</code> to change its behavior.
-      </p>,
-      "This cell's content will adjust itself to the parent th width. This modifier only affects table layouts.",
-      <a href="#">No wrap</a>
-    ]
-  ];
-  return (
-    <BaseTable aria-label="Controlling text">
-      <THead>
-        <Tr>
-          <Th width={20}>{columns[0]}</Th>
-          <Th>{columns[1]}</Th>
-          <Th modifier="wrap">{columns[2]}</Th>
-          <Th modifier="fitContent">{columns[3]}</Th>
-          <Th>{columns[4]}</Th>
-        </Tr>
-      </THead>
-      <TBody>
-        {rows.map((row, rowIndex) => (
-          <Tr key={rowIndex}>
-            <Td dataLabel={columns[0]} modifier="truncate">
-              {row[0]}
-            </Td>
-            <Td dataLabel={columns[1]} modifier="breakWord">
-              {row[1]}
-            </Td>
-            <Td dataLabel={columns[2]}>{row[2]}</Td>
-            <Td dataLabel={columns[3]}>{row[3]}</Td>
-            <Td dataLabel={columns[4]} modifier="nowrap">
-              {row[4]}
-            </Td>
-          </Tr>
-        ))}
-      </TBody>
-    </BaseTable>
-  );
-};
-```
-
-### Modifiers with table text
-
-```js isBeta
-import React from 'react';
-import { BaseTable, THead, TBody, Tr, Th, Td, TableText } from '@patternfly/react-table';
-
-ComposableTableText = () => {
-  const columns = ['Truncating text', 'Wrapping table header text. This th text will wrap instead of truncate.'];
-  const rows = [
-    [
-      <TableText wrapModifier="truncate">This text will truncate instead of wrap.</TableText>,
-      <TableText wrapModifier="nowrap">
-        <a href="#">This is a link that needs to be on one line and fully readable.</a>
-      </TableText>
-    ]
-  ];
-  return (
-    <BaseTable aria-label="Table text">
-      <THead>
-        <Tr>
-          <Th width={30}>{columns[0]}</Th>
-          <Th>{columns[1]}</Th>
-        </Tr>
-      </THead>
-      <TBody>
-        {rows.map((row, rowIndex) => (
-          <Tr key={rowIndex}>
-            {row.map((cell, cellIndex) => (
-              <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
-                {cell}
-              </Td>
-            ))}
-          </Tr>
-        ))}
-      </TBody>
-    </BaseTable>
-  );
-};
-```
-
-### Empty state
-
-```js isBeta
-import React from 'react';
-import {
-  BaseTable,
-  THead,
-  TBody,
-  Tr,
-  Th,
-  Td,
-  Caption,
-  Button,
-  EmptyState,
-  EmptyStateBody,
-  EmptyStatePrimary,
-  Bullseye,
-  Title,
-  EmptyStateIcon
-} from '@patternfly/react-table';
-
-ComposableEmptyState = () => {
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
-  return (
-    <React.Fragment>
-      <BaseTable aria-label="Empty state">
-        <Caption>Empty State Table Example</Caption>
-        <THead>
-          <Tr>
-            {columns.map((column, columnIndex) => (
-              <Th key={columnIndex} columnIndex={columnIndex}>
-                {column}
-              </Th>
-            ))}
-          </Tr>
-        </THead>
-      </BaseTable>
-      <EmptyState variant={EmptyStateVariant.small}>
-        <EmptyStateIcon icon={SearchIcon} />
-        <Title headingLevel="h2" size="lg">
-          No results found
-        </Title>
-        <EmptyStateBody>
-          No results match the filter criteria. Remove all filters or clear all filters to show results.
-        </EmptyStateBody>
-        <Button variant="link">Clear all filters</Button>
-      </EmptyState>
-    </React.Fragment>
-  );
-};
-```
diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index 3d119895e11..64922d652b9 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -22,6 +22,13 @@ propComponents:
     'IRowCell',
     'IValidatorDef',
     'IRow',
+    'TableComposable',
+    'Thead',
+    'Tbody',
+    'Tr',
+    'Th',
+    'Td',
+    'Caption',
   ]
 ouia: true
 ---
@@ -33,22 +40,128 @@ import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-ic
 import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
 import CubeIcon from '@patternfly/react-icons/dist/js/icons/cube-icon';
 
+import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
+
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 
 import DemoSortableTable from './DemoSortableTable';
 
-## Examples
+## Table examples
 
 ### Basic
 
+The `Table` component is a configuration based component that takes a less declarative and more implicit approach about laying out the table structure, such as the rows and cells within it. For a more explicit and declarative approach, you can use the `TableComposable` component.
+
 ```js
 import React from 'react';
 
+import { Table, TableHeader, TableBody } from '@patternfly/react-table';
+
+class SimpleTable extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      columns: ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'],
+      rows: [
+        ['Repository one', 'Branch one', 'PR one', 'Workspace one', 'Commit one'],
+        ['Repository two', 'Branch two', 'PR two', 'Workspace two', 'Commit two'],
+        ['Repository three', 'Branch three', 'PR three', 'Workspace three', 'Commit three']
+      ]
+    };
+  }
+
+  render() {
+    const { columns, rows } = this.state;
+
+    return (
+      <Table aria-label="Simple table" cells={columns} rows={rows}>
+        <TableHeader />
+        <TableBody />
+      </Table>
+    );
+  }
+}
+```
+
+### Row click handler and header cell tooltips/popovers
+
+Array items for columns provided to the `Table`'s `cells` prop, can be simple strings or objects.
+
+```
+cells: (ICell | string)[];
+```
+
+ICell (excerpt):
+
+```
+interface ICell {
+  /* cell contents */
+  title?: string | React.ReactNode;
+  /** transformations applied to the header cell */
+  transforms?: ITransform[];
+  /** transformations applied to the cells within the column's body */
+  cellTransforms?: ITransform[];
+  /** Additional header props, it contains the info prop as well which can be used to add tooltip/popover */
+  header?: HeaderType;
+}
+```
+
+If you wish to pass additional `props`, `formatters`, or add a tooltip/popover, use objects.
+Examples:
+
+```
+// simple
+columns: ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit']
+// tooltip
+columns: [
+  {
+    title: 'Repositories',
+    header: {
+      info: {
+        tooltip: 'More information about repositories'
+      }
+    }
+  }
+]
+// center header and body cells within the column
+columns: [
+  {
+    title: 'Last commit',
+    transforms: [textCenter],
+    cellTransforms: [textCenter]
+  }
+]
+```
+
+Similarly, the rows array can contain string arrays, or object arrays
+
+```
+rows: (IRow | string[])[]
+```
+
+IRow (excerpt):
+
+```
+interface IRow extends RowType {
+  cells?: (React.ReactNode | IRowCell)[];
+  props?: any;
+  fullWidth?: boolean;
+  noPadding?: boolean;
+}
+interface IRowCell {
+  title?: string | React.ReactNode;
+  props?: any;
+  formatters?: IFormatter[];
+}
+```
+
+```js
+import React from 'react';
 import { Table, TableHeader, TableBody, textCenter } from '@patternfly/react-table';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 
-class SimpleTable extends React.Component {
+class RowClickTable extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -91,9 +204,7 @@ class SimpleTable extends React.Component {
         }
       ],
       rows: [
-        {
-          cells: ['one', 'two', 'three', 'four', 'five']
-        },
+        ['Repository one', 'Branch one', 'PR one', 'Workspace one', 'Commit one'],
         {
           cells: [
             {
@@ -118,44 +229,6 @@ class SimpleTable extends React.Component {
         }
       ]
     };
-  }
-
-  render() {
-    const { columns, rows } = this.state;
-
-    return (
-      <Table aria-label="Simple Table" cells={columns} rows={rows}>
-        <TableHeader className={styles.modifiers.nowrap} />
-        <TableBody />
-      </Table>
-    );
-  }
-}
-```
-
-### Row click handler
-
-```js
-import React from 'react';
-import { Table, TableHeader, TableBody } from '@patternfly/react-table';
-
-class RowClickTable extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      columns: [{ title: 'Repositories' }, 'Branches', { title: 'Pull requests' }, 'Workspaces'],
-      rows: [
-        {
-          cells: ['Repositories one', 'Branches one', 'Pull requests one', 'Workspaces one']
-        },
-        {
-          cells: ['Repositories two', 'Branches two', 'Pull requests two', 'Workspaces two']
-        },
-        {
-          cells: ['Repositories three', 'Branches three', 'Pull requests three', 'Workspaces three']
-        }
-      ]
-    };
     this.rowClickHandler = (event, row) => {
       console.log('handle row click', row);
     };
@@ -165,8 +238,8 @@ class RowClickTable extends React.Component {
     const { columns, rows } = this.state;
 
     return (
-      <Table caption="Row Click Handler Table" cells={columns} rows={rows}>
-        <TableHeader />
+      <Table caption="Row click handler table" cells={columns} rows={rows}>
+        <TableHeader className={styles.modifiers.nowrap} />
         <TableBody onRowClick={this.rowClickHandler} />
       </Table>
     );
@@ -241,11 +314,19 @@ class RowWrapperTable extends React.Component {
 }
 ```
 
-### Sortable
+### Sortable & wrapping headers
 
 ```js
 import React from 'react';
-import { Table, TableHeader, TableBody, sortable, SortByDirection } from '@patternfly/react-table';
+import {
+  Table,
+  TableHeader,
+  TableBody,
+  sortable,
+  SortByDirection,
+  wrappable,
+  cellWidth
+} from '@patternfly/react-table';
 
 class SortableTable extends React.Component {
   constructor(props) {
@@ -254,7 +335,10 @@ class SortableTable extends React.Component {
       columns: [
         { title: 'Repositories', transforms: [sortable] },
         'Branches',
-        { title: 'Pull requests', transforms: [sortable] },
+        {
+          title: 'Pull requests and this header will wrap since we have also applied the wrappable transform',
+          transforms: [sortable, wrappable, cellWidth(20)]
+        },
         'Workspaces',
         'Last commit'
       ],
@@ -292,78 +376,6 @@ class SortableTable extends React.Component {
 }
 ```
 
-### Sortable with wrapping headers
-
-```js
-import React from 'react';
-import { Table, TableHeader, TableBody, sortable, SortByDirection, wrappable } from '@patternfly/react-table';
-
-class SortableWrappingHeaders extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      columns: [
-        {
-          title: 'This is a really long table header that goes on for a long time 1.',
-          transforms: [sortable, wrappable]
-        },
-        {
-          title: 'This is a really long table header that goes on for a long time 2.',
-          transforms: [sortable, wrappable]
-        },
-        {
-          title: 'This is a really long table header that goes on for a long time 3.',
-          transforms: [sortable, wrappable]
-        },
-        {
-          title: 'This is a really long table header that goes on for a long time 4.',
-          transforms: [sortable, wrappable]
-        },
-        {
-          title: 'This is a really long table header that goes on for a long time 5.',
-          transforms: [sortable, wrappable]
-        }
-      ],
-      rows: [
-        ['one', 'two', 'a', 'four', 'five'],
-        ['a', 'two', 'k', 'four', 'five'],
-        ['p', 'two', 'b', 'four', 'five']
-      ],
-      sortBy: {}
-    };
-    this.onSort = this.onSort.bind(this);
-  }
-
-  onSort(_event, index, direction) {
-    const sortedRows = this.state.rows.sort((a, b) => (a[index] < b[index] ? -1 : a[index] > b[index] ? 1 : 0));
-    this.setState({
-      sortBy: {
-        index,
-        direction
-      },
-      rows: direction === SortByDirection.asc ? sortedRows : sortedRows.reverse()
-    });
-  }
-
-  render() {
-    const { columns, rows, sortBy } = this.state;
-
-    return (
-      <Table
-        aria-label="Sortable with Wrapping Headers"
-        sortBy={sortBy}
-        onSort={this.onSort}
-        cells={columns}
-        rows={rows}
-      >
-        <TableHeader />
-        <TableBody />
-      </Table>
-    );
-  }
-}
-```
-
 ### Selectable
 
 ```js
@@ -376,8 +388,7 @@ import {
   SortByDirection,
   headerCol,
   TableVariant,
-  expandable,
-  cellWidth
+  expandable
 } from '@patternfly/react-table';
 import { Checkbox } from '@patternfly/react-core';
 
@@ -475,8 +486,7 @@ import {
   SortByDirection,
   headerCol,
   TableVariant,
-  expandable,
-  cellWidth
+  expandable
 } from '@patternfly/react-table';
 
 class SelectableTable extends React.Component {
@@ -542,16 +552,20 @@ class SelectableTable extends React.Component {
 }
 ```
 
-### Simple actions
+### Actions and first cell in body rows as th
+
+To use actions you can either specify an array of actions and pass that into the `Table`'s `actions` prop, or for more control you can use the `actionResolver` callback prop to add actions conditionally.
 
 ```js
 import React from 'react';
 import { Table, TableHeader, TableBody, headerCol } from '@patternfly/react-table';
+import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
 
-class SimpleActionsTable extends React.Component {
+class ActionsTable extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
+      propToUse: 'actions',
       columns: [
         { title: 'Repositories', cellTransforms: [headerCol()] },
         'Branches',
@@ -561,108 +575,77 @@ class SimpleActionsTable extends React.Component {
       ],
       rows: [
         {
-          cells: ['one', 'two', 'a', 'four', 'five']
-        },
-        {
-          cells: ['a', 'two', 'k', 'four', 'five']
+          cells: ['a', 'two', 1, 'four', 'five']
         },
         {
-          cells: ['p', 'two', 'b', 'four', 'five'],
+          cells: ['disable actions', 'two', 3, 'four', 'five'],
           disableActions: true
-        }
-      ],
-      actions: [
-        {
-          title: 'Some action',
-          onClick: (event, rowId, rowData, extra) => console.log('clicked on Some action, on row: ', rowId)
-        },
-        {
-          title: <a href="https://www.patternfly.org">Link action</a>
-        },
-        {
-          isSeparator: true
         },
         {
-          title: 'Third action',
-          onClick: (event, rowId, rowData, extra) => console.log('clicked on Third action, on row: ', rowId)
-        }
-      ]
-    };
-  }
-
-  render() {
-    const { columns, rows, actions } = this.state;
-    return (
-      <Table aria-label="Actions Table" actions={actions} cells={columns} rows={rows}>
-        <TableHeader />
-        <TableBody />
-      </Table>
-    );
-  }
-}
-```
-
-### Actions
-
-```js
-import React from 'react';
-import { Table, TableHeader, TableBody, headerCol } from '@patternfly/react-table';
-
-class ActionsTable extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      columns: [
-        { title: 'Repositories', cellTransforms: [headerCol()] },
-        'Branches',
-        { title: 'Pull requests' },
-        'Workspaces',
-        'Last commit'
-      ],
-      rows: [
-        {
-          cells: ['one', 'two', 'a', 'four', 'five'],
+          cells: ['green actions', 'two', 4, 'four', 'five'],
           type: 'green'
         },
         {
-          cells: ['a', 'two', 'k', 'four', 'five'],
+          cells: ['extra action props', 'two', 5, 'four', 'five'],
           actionProps: {
             'data-specific-attr': 'some-value'
           }
         },
         {
-          cells: ['p', 'two', 'b', 'four', 'five'],
+          cells: ['blue actions', 'two', 6, 'four', 'five'],
           type: 'blue'
-        },
-        {
-          cells: ['5', '2', 'b', 'four', 'five']
         }
       ]
     };
+    this.handleItemClick = this.handleItemClick.bind(this);
   }
 
+  /**
+   * Use actions or actionResolver, not both
+   */
+  actions() {
+    return [
+      {
+        title: 'Some action',
+        onClick: (event, rowId, rowData, extra) => console.log('clicked on Some action, on row: ', rowId)
+      },
+      {
+        title: <a href="https://www.patternfly.org">Link action</a>
+      },
+      {
+        isSeparator: true
+      },
+      {
+        title: 'Third action',
+        onClick: (event, rowId, rowData, extra) => console.log('clicked on Third action, on row: ', rowId)
+      }
+    ];
+  }
+
+  /**
+   * Use actions or actionResolver, not both
+   */
   actionResolver(rowData, { rowIndex }) {
     if (rowIndex === 1) {
       return null;
     }
 
-    const thirdAction =
-      rowData.type === 'blue'
-        ? [
-            {
-              isSeparator: true
-            },
-            {
-              title: 'Third action',
-              onClick: (event, rowId, rowData, extra) =>
-                console.log(`clicked on Third action, on row ${rowId} of type ${rowData.type}`)
-            }
-          ]
-        : [];
+    const thirdAction = rowData.type
+      ? [
+          {
+            isSeparator: true
+          },
+          {
+            title: `${rowData.type} action`,
+            onClick: (event, rowId, rowData, extra) =>
+              console.log(`clicked on ${rowData.type} action, on row ${rowId} of type ${rowData.type}`)
+          }
+        ]
+      : [];
 
     return [
       {
-        title: 'Some action',
+        title: 'actionResolver action',
         onClick: (event, rowId, rowData, extra) =>
           console.log(`clicked on Some action, on row ${rowId} of type ${rowData.type}`)
       },
@@ -679,55 +662,45 @@ class ActionsTable extends React.Component {
     return rowIndex === 3;
   }
 
-  render() {
-    const { columns, rows } = this.state;
-    return (
-      <Table
-        aria-label="Actions Table"
-        cells={columns}
-        rows={rows}
-        actionResolver={this.actionResolver}
-        areActionsDisabled={this.areActionsDisabled}
-        dropdownPosition="right"
-        dropdownDirection="up"
-      >
-        <TableHeader />
-        <TableBody />
-      </Table>
-    );
-  }
-}
-```
-
-### First cell as header
-
-```js
-import React from 'react';
-import { Table, TableHeader, TableBody, headerCol } from '@patternfly/react-table';
-
-class CellHeader extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      columns: [
-        { title: 'Header cell', cellTransforms: [headerCol('selectable')] },
-        'Branches',
-        { title: 'Pull requests' },
-        'Workspaces',
-        'Last commit'
-      ],
-      rows: [['one', 'two', 'three', 'four', 'five']]
-    };
+  handleItemClick(isSelected, event) {
+    const action = event.currentTarget.id;
+    this.setState({
+      propToUse: action
+    });
   }
 
   render() {
-    const { columns, rows } = this.state;
-
+    const { columns, rows, propToUse } = this.state;
     return (
-      <Table aria-label="First cell as Header" rows={rows} cells={columns}>
-        <TableHeader />
-        <TableBody />
-      </Table>
+      <React.Fragment>
+        <ToggleGroup aria-label="actions or actionResolver">
+          <ToggleGroupItem
+            text="Use actions prop"
+            buttonId="actions"
+            isSelected={propToUse === 'actions'}
+            onChange={this.handleItemClick}
+          />
+          <ToggleGroupItem
+            text="Use actionResolver prop"
+            buttonId="actionResolver"
+            isSelected={propToUse === 'actionResolver'}
+            onChange={this.handleItemClick}
+          />
+        </ToggleGroup>
+        <Table
+          aria-label="Actions table"
+          cells={columns}
+          rows={rows}
+          actions={propToUse === 'actions' ? this.actions() : null}
+          actionResolver={propToUse === 'actionResolver' ? this.actionResolver : null}
+          areActionsDisabled={this.areActionsDisabled}
+          dropdownPosition="left"
+          dropdownDirection="bottom"
+        >
+          <TableHeader />
+          <TableBody />
+        </Table>
+      </React.Fragment>
     );
   }
 }
@@ -737,12 +710,14 @@ class CellHeader extends React.Component {
 
 ```js
 import React from 'react';
-import { Table, TableHeader, TableBody, TableVariant } from '@patternfly/react-table';
+import { Table, TableHeader, TableBody } from '@patternfly/react-table';
+import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
 
 class CompactTable extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
+      variant: 'compact',
       columns: [
         { title: 'Header cell' },
         'Branches',
@@ -755,74 +730,57 @@ class CompactTable extends React.Component {
         ['one', 'two', 'three', 'four']
       ]
     };
+    this.handleItemClick = this.handleItemClick.bind(this);
   }
 
-  render() {
-    const { columns, rows } = this.state;
-
-    return (
-      <Table aria-label="Compact Table" variant={TableVariant.compact} cells={columns} rows={rows}>
-        <TableHeader />
-        <TableBody />
-      </Table>
-    );
-  }
-}
-```
-
-### Compact borderless rows
-
-```js
-import React from 'react';
-import { Table, TableHeader, TableBody, TableVariant } from '@patternfly/react-table';
-
-class CompactTableBorderlessRows extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      columns: [
-        { title: 'Header cell' },
-        'Branches',
-        { title: 'Pull requests', props: { className: 'pf-u-text-align-center' } },
-        { title: '' /* deliberately empty */, dataLabel: 'Label for mobile view' }
-      ],
-      rows: [
-        ['one', 'two', 'three', 'four'],
-        ['one', 'two', 'three', 'four'],
-        ['one', 'two', 'three', 'four']
-      ]
-    };
+  handleItemClick(isSelected, event) {
+    const variant = event.currentTarget.id;
+    this.setState({
+      variant
+    });
   }
 
   render() {
-    const { columns, rows } = this.state;
+    const { columns, rows, variant } = this.state;
 
     return (
-      <Table
-        aria-label="Compact Table with borderless rows"
-        variant={TableVariant.compact}
-        borders={false}
-        cells={columns}
-        rows={rows}
-      >
-        <TableHeader />
-        <TableBody />
-      </Table>
+      <React.Fragment>
+        <ToggleGroup aria-label="Default with single selectable">
+          <ToggleGroupItem
+            text="Compact"
+            buttonId="compact"
+            isSelected={variant === 'compact'}
+            onChange={this.handleItemClick}
+          />
+          <ToggleGroupItem
+            text="Compact borderless"
+            buttonId="compactBorderless"
+            isSelected={variant === 'compactBorderless'}
+            onChange={this.handleItemClick}
+          />
+        </ToggleGroup>
+        <Table aria-label="Compact Table" variant={variant} cells={columns} rows={rows}>
+          <TableHeader />
+          <TableBody />
+        </Table>
+      </React.Fragment>
     );
   }
 }
 ```
 
-### Compact expandable
+### Expandable (compact)
 
 ```js
 import React from 'react';
 import { Table, TableHeader, TableBody, TableVariant, expandable } from '@patternfly/react-table';
+import { Checkbox } from '@patternfly/react-core';
 
 class CompactExpandableTable extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
+      isCompact: true,
       columns: [
         {
           title: 'Header cell',
@@ -919,6 +877,7 @@ class CompactExpandableTable extends React.Component {
       ]
     };
     this.onCollapse = this.onCollapse.bind(this);
+    this.toggleCompact = this.toggleCompact.bind(this);
   }
 
   onCollapse(event, rowKey, isOpen) {
@@ -933,103 +892,33 @@ class CompactExpandableTable extends React.Component {
     });
   }
 
-  render() {
-    const { columns, rows } = this.state;
-
-    return (
-      <Table
-        aria-label="Compact expandable table"
-        variant={TableVariant.compact}
-        onCollapse={this.onCollapse}
-        rows={rows}
-        cells={columns}
-      >
-        <TableHeader />
-        <TableBody />
-      </Table>
-    );
-  }
-}
-```
-
-### Expandable
-
-```js
-import React from 'react';
-import { Table, TableHeader, TableBody, expandable } from '@patternfly/react-table';
-
-class ExpandableTable extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      columns: [
-        {
-          title: 'Header cell',
-          cellFormatters: [expandable]
-        },
-        'Branches',
-        { title: 'Pull requests' },
-        'Workspaces',
-        {
-          title: 'Last commit'
-        }
-      ],
-      rows: [
-        {
-          cells: ['one', 'two', 'three', 'four', 'five']
-        },
-        {
-          isOpen: true,
-          cells: ['parent - 1', 'two', 'three', 'four', 'five']
-        },
-        {
-          parent: 1,
-          fullWidth: true,
-          cells: ['child - 1']
-        },
-        {
-          isOpen: false,
-          cells: ['parent - 2', 'two', 'three', 'four', 'five']
-        },
-        {
-          parent: 3,
-          cells: ['child - 2']
-        },
-        {
-          isOpen: false,
-          cells: ['parent - 3', 'two', 'three', 'four', 'five']
-        },
-        {
-          parent: 5,
-          fullWidth: true,
-          noPadding: true,
-          cells: ['child - 3']
-        }
-      ]
-    };
-    this.onCollapse = this.onCollapse.bind(this);
-  }
-
-  onCollapse(event, rowKey, isOpen) {
-    const { rows } = this.state;
-    /**
-     * Please do not use rowKey as row index for more complex tables.
-     * Rather use some kind of identifier like ID passed with each row.
-     */
-    rows[rowKey].isOpen = isOpen;
+  toggleCompact(checked) {
     this.setState({
-      rows
+      isCompact: checked
     });
   }
 
   render() {
-    const { columns, rows } = this.state;
+    const { columns, rows, isCompact } = this.state;
 
     return (
-      <Table aria-label="Collapsible table" onCollapse={this.onCollapse} rows={rows} cells={columns}>
-        <TableHeader />
-        <TableBody />
-      </Table>
+      <React.Fragment>
+        <Checkbox
+          label="Compact"
+          isChecked={isCompact}
+          onChange={this.toggleCompact}
+        />
+        <Table
+          aria-label="Expandable table"
+          variant={isCompact ? TableVariant.compact : null}
+          onCollapse={this.onCollapse}
+          rows={rows}
+          cells={columns}
+        >
+          <TableHeader />
+          <TableBody />
+        </Table>
+      </React.Fragment>
     );
   }
 }
@@ -1231,64 +1120,30 @@ class CompoundExpandableTable extends React.Component {
     };
     this.onExpand = this.onExpand.bind(this);
   }
-
-  onExpand(event, rowIndex, colIndex, isOpen, rowData, extraData) {
-    const { rows } = this.state;
-    if (!isOpen) {
-      // set all other expanded cells false in this row if we are expanding
-      rows[rowIndex].cells.forEach(cell => {
-        if (cell.props) cell.props.isOpen = false;
-      });
-      rows[rowIndex].cells[colIndex].props.isOpen = true;
-      rows[rowIndex].isOpen = true;
-    } else {
-      rows[rowIndex].cells[colIndex].props.isOpen = false;
-      rows[rowIndex].isOpen = rows[rowIndex].cells.some(cell => cell.props && cell.props.isOpen);
-    }
-    this.setState({
-      rows
-    });
-  }
-
-  render() {
-    const { columns, rows } = this.state;
-
-    return (
-      <Table aria-label="Compound expandable table" onExpand={this.onExpand} rows={rows} cells={columns}>
-        <TableHeader />
-        <TableBody />
-      </Table>
-    );
-  }
-}
-```
-
-### With width modifiers
-
-```js
-import React from 'react';
-import { Table, TableHeader, TableBody, cellWidth } from '@patternfly/react-table';
-
-class WidthTable extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      columns: [
-        { title: 'Header cell', transforms: [cellWidth(10)] },
-        'Branches',
-        { title: 'Pull requests', transforms: [cellWidth(30)] },
-        'Workspaces',
-        { title: 'Last commit' }
-      ],
-      rows: [['one', 'two', 'three', 'four', 'five']]
-    };
+
+  onExpand(event, rowIndex, colIndex, isOpen, rowData, extraData) {
+    const { rows } = this.state;
+    if (!isOpen) {
+      // set all other expanded cells false in this row if we are expanding
+      rows[rowIndex].cells.forEach(cell => {
+        if (cell.props) cell.props.isOpen = false;
+      });
+      rows[rowIndex].cells[colIndex].props.isOpen = true;
+      rows[rowIndex].isOpen = true;
+    } else {
+      rows[rowIndex].cells[colIndex].props.isOpen = false;
+      rows[rowIndex].isOpen = rows[rowIndex].cells.some(cell => cell.props && cell.props.isOpen);
+    }
+    this.setState({
+      rows
+    });
   }
 
   render() {
     const { columns, rows } = this.state;
 
     return (
-      <Table aria-label="Table with Width Modifiers" cells={columns} rows={rows}>
+      <Table aria-label="Compound expandable table" onExpand={this.onExpand} rows={rows} cells={columns}>
         <TableHeader />
         <TableBody />
       </Table>
@@ -1297,39 +1152,42 @@ class WidthTable extends React.Component {
 }
 ```
 
-### Breakpoint modifiers
+### With width and breakpoint visibility modifiers
 
 ```js
 import React from 'react';
-import { Table, TableHeader, TableBody, sortable, classNames, Visibility } from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, cellWidth, classNames, Visibility } from '@patternfly/react-table';
 
-class HiddenVisibleBreakpointTable extends React.Component {
+class WidthTable extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
       columns: [
-        {
-          title: 'Repositories',
+        { title: 'Header cell', transforms: [cellWidth(10)] },
+        { 
+          title: 'Branches (visible only on md)',
           columnTransforms: [
             classNames(Visibility.hidden, Visibility.visibleOnMd, Visibility.hiddenOnLg, Visibility.visibleOn2Xl)
           ]
         },
-        'Branches',
-        {
-          title: 'Pull requests',
+        { 
+          title: 'Pull requests (hidden only on md)', 
           columnTransforms: [classNames(Visibility.hiddenOnMd, Visibility.visibleOnLg)]
         },
-        'Workspaces',
-        {
+        { 
+          title: 'Workspaces (hidden on xs)',
+          columnTransforms: [
+            classNames(Visibility.hidden, Visibility.visibleOnSm)
+          ]
+        },
+        { 
           title: 'Last commit',
-          columnTransforms: [classNames(Visibility.hidden, Visibility.visibleOnSm)]
+          transforms: [cellWidth(30)]
         }
       ],
       rows: [
-        ['Visible only on md breakpoint', '10', 'Hidden only on md breakpoint', '5', 'Hidden on xs breakpoint'],
-        ['Repository 2', '10', '25', '5', '2 days ago'],
-        ['Repository 3', '10', '25', '5', '2 days ago'],
-        ['Repository 4', '10', '25', '5', '2 days ago']
+        ['one - 1', 'two - 1 (visible only on md)', 'three - 1 (hidden only on md)', 'four - 1 (hidden on xs)', 'five - 1'],
+        ['one - 2', 'two - 2 (visible only on md)', 'three - 2 (hidden only on md)', 'four - 2 (hidden on xs)', 'five - 2']
       ]
     };
   }
@@ -1338,7 +1196,7 @@ class HiddenVisibleBreakpointTable extends React.Component {
     const { columns, rows } = this.state;
 
     return (
-      <Table aria-label="Table with hidden/visible breakpoint modifiers" cells={columns} rows={rows}>
+      <Table aria-label="Table with width and breakpoint visibility modifiers" cells={columns} rows={rows}>
         <TableHeader />
         <TableBody />
       </Table>
@@ -1961,3 +1819,1088 @@ class EditableRowsTable extends React.Component {
   }
 }
 ```
+
+## TableComposable examples
+
+### TableComposable: Basic
+
+A basic example using the composable table components. The `TableComposable` component differs from the regular `Table` component, in that it allows you to compose the table by nesting the relevant `Thead`, `Tbody`, `Tr`, `Th` and `Td` components within it. For a less declarative and more implicit approach, use the `Table` component instead.
+
+Some general notes:
+
+- Provide `dataLabel` prop to the `Td` components so that in mobile view the cell has a label to provide context.
+- If you want a table caption, simply place a `<Caption>My caption</Caption>` as the first child within a `TableComposable`.
+
+```js isBeta
+import React from 'react';
+import { TableComposable, Thead, Tbody, Tr, Th, Td, Caption } from '@patternfly/react-table';
+
+ComposableTableBasic = () => {
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+  const rows = [
+    ['one', 'two', 'three', 'four', 'five'],
+    ['one - 2', null, null, 'four - 2', 'five - 2'],
+    ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3']
+  ];
+  return (
+    <TableComposable aria-label="Simple table using composable components">
+      <Caption>Simple table using composable components</Caption>
+      <Thead>
+        <Tr>
+          {columns.map((column, columnIndex) => (
+            <Th key={columnIndex}>{column}</Th>
+          ))}
+        </Tr>
+      </Thead>
+      <Tbody>
+        {rows.map((row, rowIndex) => (
+          <Tr key={rowIndex}>
+            {row.map((cell, cellIndex) => (
+              <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+                {cell}
+              </Td>
+            ))}
+          </Tr>
+        ))}
+      </Tbody>
+    </TableComposable>
+  );
+};
+```
+
+### TableComposable: Row click handler, custom row wrapper, header tooltips & popovers
+
+This example demonstrates customizing rows, adding tooltip and popover information to header items, and some other misc. props.
+
+- You can wrap the header cell contents in a `HeaderCellInfoWrapper` component to give it a tooltip or popover
+- If you add the `noWrap` prop to `Thead`, it won't wrap it if there is no space
+- You can add the `textCenter` prop to `Th` or `Td` to center the contents
+- You can pass `onClick`, `className`, `style` and more to `Tr`
+
+```js isBeta
+import React from 'react';
+import { TableComposable, Thead, Tbody, Tr, Th, Td, HeaderCellInfoWrapper } from '@patternfly/react-table';
+
+ComposableTableMisc = () => {
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+  const rows = [
+    ['one', 'two', 'three', 'four', 'five'],
+    [{ title: 'one - 2', colSpan: 3 }, null, null, 'four - 2', 'five - 2'],
+    ['one - 3', 'two - 3', 'three - 3', 'four - 3', { title: 'five - 3 (not centered)', textCenter: false }]
+  ];
+  const onRowClick = (event, rowIndex, row) => {
+    console.log(`handle row click ${rowIndex}`, row);
+  };
+  return (
+    <TableComposable aria-label="Misc table">
+      <Thead noWrap>
+        <Tr>
+          <Th>
+            <HeaderCellInfoWrapper
+              variant="tooltip"
+              info="More information about repositories"
+              className="repositories-info-tip"
+              tooltipProps={{
+                isContentLeftAligned: true
+              }}
+            >
+              {columns[0]}
+            </HeaderCellInfoWrapper>
+          </Th>
+          <Th>{columns[1]}</Th>
+          <Th>
+            <HeaderCellInfoWrapper
+              variant="popover"
+              info={
+                <div>
+                  More <strong>information</strong> on pull requests
+                </div>
+              }
+              ariaLabel="More information on pull requests"
+              popoverProps={{
+                headerContent: 'Pull requests',
+                footerContent: <a href="">Click here for even more info</a>
+              }}
+            >
+              {columns[2]}
+            </HeaderCellInfoWrapper>
+          </Th>
+          <Th>{columns[3]}</Th>
+          <Th textCenter>{columns[4]}</Th>
+        </Tr>
+      </Thead>
+      <Tbody>
+        {rows.map((row, rowIndex) => {
+          const isOddRow = (rowIndex + 1) % 2;
+          const customStyle = {
+            borderLeft: '3px solid var(--pf-global--primary-color--100)'
+          };
+          return (
+            <Tr
+              key={rowIndex}
+              onClick={event => onRowClick(event, rowIndex, row)}
+              className={isOddRow ? 'odd-row-class' : 'even-row-class'}
+              style={isOddRow ? customStyle : {}}
+            >
+              {row.map((cell, cellIndex) => {
+                if (!cell) {
+                  return null;
+                }
+                let cellObject;
+                if (typeof cell !== 'object') {
+                  cellObject = {
+                    title: cell
+                  };
+                } else {
+                  cellObject = cell;
+                }
+                const { title, ...rest } = cellObject;
+                return (
+                  <Td
+                    key={`${rowIndex}_${cellIndex}`}
+                    columnIndex={cellIndex}
+                    dataLabel={columns[cellIndex]}
+                    textCenter={cellIndex === row.length - 1}
+                    {...rest}
+                  >
+                    {title}
+                  </Td>
+                );
+              })}
+            </Tr>
+          );
+        })}
+      </Tbody>
+    </TableComposable>
+  );
+};
+```
+
+### TableComposable: Sortable & wrapping headers
+
+This example demonstrates making columns sortable, and wrapping header text. For sorting it is also important to pass the `columnIndex` to the `Th`.
+
+```js isBeta
+import React from 'react';
+import { TableComposable, Thead, Tbody, Tr, Th, Td } from '@patternfly/react-table';
+
+ComposableTableSortable = () => {
+  const columns = [
+    'This is a really long table header that goes on for a long time 1.',
+    'This is a really long table header that goes on for a long time 2.',
+    'This is a really long table header that goes on for a long time 3.',
+    'This is a really long table header that goes on for a long time 4.',
+    'This is a really long table header that goes on for a long time 5.'
+  ];
+  const [rows, setRows] = React.useState([
+    ['one', 'two', 'a', 'four', 'five'],
+    ['a', 'two', 'k', 'four', 'five'],
+    ['p', 'two', 'b', 'four', 'five']
+  ]);
+  // index of the currently active column
+  const [activeSortIndex, setActiveSortIndex] = React.useState(-1);
+  // sort direction of the currently active column
+  const [activeSortDirection, setActiveSortDirection] = React.useState('none');
+  const onSort = (event, index, direction) => {
+    setActiveSortIndex(index);
+    setActiveSortDirection(direction);
+    // sorts the rows
+    const updatedRows = rows.sort((a, b) => {
+      if (typeof a[index] === 'number') {
+        // numeric sort
+        if (direction === 'asc') {
+          return a[index] - b[index];
+        }
+        return b[index] - a[index];
+      } else {
+        // string sort
+        if (direction === 'asc') {
+          return a[index].localeCompare(b[index]);
+        }
+        return b[index].localeCompare(a[index]);
+      }
+    });
+    setRows(updatedRows);
+  };
+  return (
+    <TableComposable aria-label="Sortable Table">
+      <Thead>
+        <Tr>
+          {columns.map((column, columnIndex) => {
+            // In this example, wrap all but the first column just to demonstrate
+            const modifier = columnIndex !== 0 ? 'wrap' : null;
+            // In this example, make the 1st and 3rd columns sortable
+            const sortParams =
+              columnIndex === 0 || columnIndex === 2
+                ? {
+                    activeSortIndex,
+                    activeSortDirection,
+                    onSort,
+                    columnIndex
+                  }
+                : {};
+            return (
+              <Th key={columnIndex} modifier={modifier} {...sortParams}>
+                {column}
+              </Th>
+            );
+          })}
+        </Tr>
+      </Thead>
+      <Tbody>
+        {rows.map((row, rowIndex) => (
+          <Tr key={rowIndex}>
+            {row.map((cell, cellIndex) => (
+              <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+                {cell}
+              </Td>
+            ))}
+          </Tr>
+        ))}
+      </Tbody>
+    </TableComposable>
+  );
+};
+```
+
+### TableComposable: Selectable
+
+This example demonstrates row selection. The selection column is just another column, but with selection specific props added. We add it as the first header cell and also as the first body cell for each row.
+Be sure to also add `columnIndex` to `Th` and `columnIndex` as well as `rowIndex` to `Td`.
+
+```js isBeta
+import React from 'react';
+import { TableComposable, Thead, Tbody, Tr, Th, Td } from '@patternfly/react-table';
+
+ComposableTableSelectable = () => {
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+  const rows = [
+    ['one', 'two', 'a', 'four', 'five'],
+    ['a', 'two', 'k', 'four', 'five'],
+    ['p', 'two', 'b', 'four', 'five']
+  ];
+  const [allRowsSelected, setAllRowsSelected] = React.useState(false);
+  const [selected, setSelected] = React.useState(rows.map(row => false));
+  const onSelect = (event, isSelected, rowId) => {
+    setSelected(selected.map((sel, index) => (index === rowId ? isSelected : sel)));
+    if (!isSelected && allRowsSelected) {
+      setAllRowsSelected(false);
+    } else if (isSelected && !allRowsSelected) {
+      let allSelected = true;
+      for (let i = 0; i < selected.length; i++) {
+        if (i !== rowId) {
+          if (!selected[i]) {
+            allSelected = false;
+          }
+        }
+      }
+      if (allSelected) {
+        setAllRowsSelected(true);
+      }
+    }
+  };
+  const onSelectAll = (event, isSelected) => {
+    setAllRowsSelected(isSelected);
+    setSelected(selected.map(sel => isSelected));
+  };
+  return (
+    <TableComposable aria-label="Selectable Table">
+      <Thead>
+        <Tr>
+          <Th columnIndex={0} onSelect={onSelectAll} isSelected={allRowsSelected} />
+          <Th columnIndex={1}>{columns[0]}</Th>
+          <Th columnIndex={2}>{columns[1]}</Th>
+          <Th columnIndex={3}>{columns[2]}</Th>
+          <Th columnIndex={4}>{columns[3]}</Th>
+          <Th columnIndex={5}>{columns[4]}</Th>
+        </Tr>
+      </Thead>
+      <Tbody>
+        {rows.map((row, rowIndex) => (
+          <Tr key={rowIndex}>
+            <Td
+              key={`${rowIndex}_0`}
+              columnIndex={0}
+              rowIndex={rowIndex}
+              onSelect={onSelect}
+              isSelected={selected[rowIndex]}
+              disableSelection={rowIndex === 1}
+            />
+            {row.map((cell, cellIndex) => {
+              const shiftedIndex = cellIndex + 1;
+              return (
+                <Td key={`${rowIndex}_${shiftedIndex}`} columnIndex={shiftedIndex} dataLabel={columns[cellIndex]}>
+                  {cell}
+                </Td>
+              );
+            })}
+          </Tr>
+        ))}
+      </Tbody>
+    </TableComposable>
+  );
+};
+```
+
+### TableComposable: Selectable radio input
+
+Similarly to the selectable example above, the radio buttons use the first column. The first header cell is empty, and each body row's first cell has radio button props. Just as with selectable, be sure to also add `columnIndex` to `Th` and `columnIndex` as well as `rowIndex` to `Td`.
+
+```js isBeta
+import React from 'react';
+import { TableComposable, Thead, Tbody, Tr, Th, Td } from '@patternfly/react-table';
+
+ComposableTableSelectableRadio = () => {
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+  const rows = [
+    ['one', 'two', 'a', 'four', 'five'],
+    ['a', 'two', 'k', 'four', 'five'],
+    ['p', 'two', 'b', 'four', 'five']
+  ];
+  const [selected, setSelected] = React.useState(-1);
+  const onSelect = (event, isSelected, rowId) => {
+    setSelected(rowId);
+  };
+  return (
+    <TableComposable aria-label="Radio selectable table">
+      <Thead>
+        <Tr>
+          <Th columnIndex={0} />
+          <Th columnIndex={1}>{columns[0]}</Th>
+          <Th columnIndex={2}>{columns[1]}</Th>
+          <Th columnIndex={3}>{columns[2]}</Th>
+          <Th columnIndex={4}>{columns[3]}</Th>
+          <Th columnIndex={5}>{columns[4]}</Th>
+        </Tr>
+      </Thead>
+      <Tbody>
+        {rows.map((row, rowIndex) => (
+          <Tr key={rowIndex}>
+            <Td
+              key={`${rowIndex}_0`}
+              columnIndex={0}
+              rowIndex={rowIndex}
+              onSelect={onSelect}
+              isSelected={selected === rowIndex}
+              disableSelection={rowIndex === 1}
+              selectVariant="radio"
+            />
+            {row.map((cell, cellIndex) => {
+              const shiftedIndex = cellIndex + 1;
+              return (
+                <Td key={`${rowIndex}_${shiftedIndex}`} columnIndex={shiftedIndex} dataLabel={columns[cellIndex]}>
+                  {cell}
+                </Td>
+              );
+            })}
+          </Tr>
+        ))}
+      </Tbody>
+    </TableComposable>
+  );
+};
+```
+
+### TableComposable: Actions
+
+This example demonstrates adding actions as the last column. The header's last cell is an empty cell, and each body row's last cell is an action cell.
+
+```js isBeta
+import React from 'react';
+import { TableComposable, Thead, Tbody, Tr, Th, Td } from '@patternfly/react-table';
+
+ComposableTableActions = () => {
+  const defaultActions = [
+    {
+      title: 'Some action',
+      onClick: (event, rowId, rowData, extra) => console.log('clicked on Some action, on row: ', rowId)
+    },
+    {
+      title: <a href="https://www.patternfly.org">Link action</a>
+    },
+    {
+      isSeparator: true
+    },
+    {
+      title: 'Third action',
+      onClick: (event, rowId, rowData, extra) => console.log('clicked on Third action, on row: ', rowId)
+    }
+  ];
+  const lastRowActions = [
+    {
+      title: 'Some action',
+      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Some action, on row ${rowId}`)
+    },
+    {
+      title: <div>Another action</div>,
+      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Another action, on row ${rowId}`)
+    },
+    {
+      isSeparator: true
+    },
+    {
+      title: 'Third action',
+      onClick: (event, rowId, rowData, extra) => console.log(`clicked on Third action, on row ${rowId}`)
+    }
+  ];
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+  const rows = [
+    ['one', 'two', 'a', 'four', 'five'],
+    ['a', 'two', 'k', 'four', 'five'],
+    ['p', 'two', 'b', 'four', 'five'],
+    ['4', '2', 'b', 'four', 'five'],
+    ['5', '2', 'b', 'four', 'five']
+  ];
+  return (
+    <TableComposable aria-label="Actions table">
+      <Thead>
+        <Tr>
+          <Th columnIndex={0}>{columns[0]}</Th>
+          <Th columnIndex={1}>{columns[1]}</Th>
+          <Th columnIndex={2}>{columns[2]}</Th>
+          <Th columnIndex={3}>{columns[3]}</Th>
+          <Th columnIndex={4}>{columns[4]}</Th>
+          <Th columnIndex={5} />
+        </Tr>
+      </Thead>
+      <Tbody>
+        {rows.map((row, rowIndex) => (
+          <Tr key={rowIndex}>
+            {row.map((cell, cellIndex) => (
+              <Td key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
+                {cell}
+              </Td>
+            ))}
+            <Td
+              key={`${rowIndex}_5`}
+              columnIndex={5}
+              rowIndex={rowIndex}
+              actions={rowIndex === 1 ? null : rowIndex === 4 ? lastRowActions : defaultActions}
+              actionsDisabled={rowIndex === 3}
+            />
+          </Tr>
+        ))}
+      </Tbody>
+    </TableComposable>
+  );
+};
+```
+
+### TableComposable: Compact, compact borderless
+
+You can set the `TableComposable` variant to `compact` or `compactBorderless`.
+
+```js isBeta
+import React from 'react';
+import { TableComposable, Thead, Tbody, Tr, Th, Td } from '@patternfly/react-table';
+import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
+
+ComposableTableCompact = () => {
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+  const rows = [
+    ['one', 'two', 'a', 'four', 'five'],
+    ['a', 'two', 'k', 'four', 'five'],
+    ['p', 'two', 'b', 'four', 'five'],
+    ['4', '2', 'b', 'four', 'five'],
+    ['5', '2', 'b', 'four', 'five']
+  ];
+  const [variant, setVariant] = React.useState('compact');
+  const handleItemClick = (isSelected, event) => {
+    const id = event.currentTarget.id;
+    setVariant(id);
+  };
+  return (
+    <React.Fragment>
+      <ToggleGroup aria-label="Default with single selectable">
+        <ToggleGroupItem
+          text="Compact"
+          buttonId="compact"
+          isSelected={variant === 'compact'}
+          onChange={handleItemClick}
+        />
+        <ToggleGroupItem
+          text="Compact borderless"
+          buttonId="compactBorderless"
+          isSelected={variant === 'compactBorderless'}
+          onChange={handleItemClick}
+        />
+      </ToggleGroup>
+      <TableComposable aria-label="Compact Table" variant={variant}>
+        <Thead>
+          <Tr>
+            {columns.map((column, columnIndex) => (
+              <Th key={columnIndex}>{column}</Th>
+            ))}
+          </Tr>
+        </Thead>
+        <Tbody>
+          {rows.map((row, rowIndex) => (
+            <Tr key={rowIndex}>
+              {row.map((cell, cellIndex) => (
+                <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+                  {cell}
+                </Td>
+              ))}
+            </Tr>
+          ))}
+        </Tbody>
+      </TableComposable>
+    </React.Fragment>
+  );
+};
+```
+
+### TableComposable: Expandable
+
+This example demonstrates having expandable rows.
+
+- Each parent/child row pair is enclosed in a `Tbody` component.
+- You can make the table more compact by setting the `TableComposable` variant to `compactExpandable`.
+
+```js isBeta
+import React from 'react';
+import { TableComposable, Thead, Tbody, Tr, Th, Td, ExpandableRowContent } from '@patternfly/react-table';
+import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
+
+ComposableTableExpandable = () => {
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+  const rowPairs = [
+    { parent: ['one', 'two', 'a', 'four', 'five'], child: null },
+    {
+      parent: ['parent 1', 'two', 'k', 'four', 'five'],
+      child: ['single cell']
+    },
+    {
+      parent: ['parent 2', 'two', 'b', 'four', 'five'],
+      child: ['single cell - fullWidth'],
+      fullWidth: true
+    },
+    {
+      parent: ['parent 3', '2', 'b', 'four', 'five'],
+      child: ['single cell - noPadding'],
+      noPadding: true
+    },
+    {
+      parent: ['parent 4', '2', 'b', 'four', 'five'],
+      child: ['single cell - fullWidth & noPadding'],
+      fullWidth: true,
+      noPadding: true
+    },
+    {
+      parent: ['parent 5', '2', 'b', 'four', 'five'],
+      child: [
+        {
+          title: "spans 'Repositories' and 'Branches'",
+          props: {
+            colSpan: 2
+          }
+        },
+        {
+          title: "spans 'Pull requests' and 'Workspaces', and 'Last commit'",
+          props: {
+            colSpan: 3
+          }
+        }
+      ]
+    },
+    {
+      parent: ['parent 6', '2', 'b', 'four', 'five'],
+      child: [
+        {
+          title: "fullWidth, spans the collapsible column and 'Repositories'",
+          props: {
+            colSpan: 2
+          }
+        },
+        {
+          title: "fullWidth, spans 'Branches' and 'Pull requests' and 'Workspaces'",
+          props: {
+            colSpan: 3
+          }
+        },
+        "fullWidth, spans 'Last commit'"
+      ],
+      fullWidth: true
+    }
+  ];
+  const numColumns = columns.length;
+  // Init all to true
+  const [expanded, setExpanded] = React.useState(
+    Object.fromEntries(Object.entries(rowPairs).map(([k, v]) => [k, true]))
+  );
+  const [variant, setVariant] = React.useState(null);
+  const handleItemClick = (isSelected, event) => {
+    const id = event.currentTarget.id;
+    setVariant(id === 'default' ? null : id);
+  };
+  const handleExpansionToggle = rowIndex => {
+    setExpanded({
+      ...expanded,
+      [rowIndex]: !expanded[rowIndex]
+    });
+  };
+  let rowIndex = -1;
+  return (
+    <React.Fragment>
+      <ToggleGroup aria-label="Default with single selectable">
+        <ToggleGroupItem buttonId="default" isSelected={variant === null} onChange={handleItemClick}>
+          Default expandable
+        </ToggleGroupItem>
+        <ToggleGroupItem
+          buttonId="compactExpandable"
+          isSelected={variant === 'compactExpandable'}
+          onChange={handleItemClick}
+        >
+          Compact expandable
+        </ToggleGroupItem>
+      </ToggleGroup>
+      <TableComposable aria-label="Expandable Table" variant={variant}>
+        <Thead>
+          <Tr>
+            <Th columnIndex={0} />
+            <Th columnIndex={1}>{columns[0]}</Th>
+            <Th columnIndex={2}>{columns[1]}</Th>
+            <Th columnIndex={3}>{columns[2]}</Th>
+            <Th columnIndex={4}>{columns[3]}</Th>
+            <Th columnIndex={5}>{columns[4]}</Th>
+          </Tr>
+        </Thead>
+        {rowPairs.map((pair, pairIndex) => {
+          rowIndex += 1;
+          const parentRow = (
+            <Tr key={rowIndex}>
+              <Td
+                key={`${rowIndex}_0`}
+                rowIndex={rowIndex}
+                columnIndex={0}
+                isExpanded={pair.child ? expanded[pairIndex] : null}
+                onClick={() => handleExpansionToggle(pairIndex)}
+              />
+              {pair.parent.map((cell, cellIndex) => (
+                <Td
+                  key={`${rowIndex}_${cellIndex}`}
+                  rowIndex={rowIndex}
+                  columnIndex={cellIndex + 1}
+                  dataLabel={columns[cellIndex]}
+                >
+                  {cell}
+                </Td>
+              ))}
+            </Tr>
+          );
+          if (pair.child) {
+            rowIndex += 1;
+          }
+          const childRow = pair.child ? (
+            <Tr key={rowIndex} isExpanded={expanded[pairIndex] === true}>
+              {!rowPairs[pairIndex].fullWidth && <Td key={`${rowIndex}_0`} columnIndex={0} />}
+              {rowPairs[pairIndex].child.map((cell, cellIndex) => {
+                const shift = rowPairs[pairIndex].fullWidth ? 1 : 0;
+                const shiftedCellIndex = cellIndex + shift;
+                return (
+                  <Td
+                    key={`${rowIndex}_${shiftedCellIndex}`}
+                    rowIndex={rowIndex}
+                    columnIndex={shiftedCellIndex}
+                    dataLabel={columns[cellIndex]}
+                    noPadding={rowPairs[pairIndex].noPadding}
+                    colSpan={
+                      rowPairs[pairIndex].child.length === 1
+                        ? numColumns + shift
+                        : cell.props && cell.props.colSpan
+                        ? cell.props.colSpan
+                        : 1
+                    }
+                  >
+                    <ExpandableRowContent>{cell.title || cell}</ExpandableRowContent>
+                  </Td>
+                );
+              })}
+            </Tr>
+          ) : null;
+          return (
+            <Tbody key={pairIndex} isExpanded={expanded[pairIndex] === true}>
+              <React.Fragment>
+                {parentRow}
+                {childRow}
+              </React.Fragment>
+            </Tbody>
+          );
+        })}
+      </TableComposable>
+    </React.Fragment>
+  );
+};
+```
+
+### TableComposable: Compound expandable
+
+```js isBeta
+import React from 'react';
+import { TableComposable, Thead, Tbody, Tr, Th, Td, ExpandableRowContent } from '@patternfly/react-table';
+
+import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-icon';
+import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
+import CubeIcon from '@patternfly/react-icons/dist/js/icons/cube-icon';
+
+// https://github.com/patternfly/patternfly-react/blob/master/packages/react-table/src/components/Table/demo/DemoSortableTable.js
+import DemoSortableTable from './demo/DemoSortableTable';
+
+ComposableCompoundExpandableTable = () => {
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit', ''];
+  const rows = [
+    ['siemur/test-space', 10, 4, 4, '20 minutes', 'Open in Github'],
+    ['siemur/test-space', 3, 4, 2, '10 minutes', 'Open in Github']
+  ];
+  const [activeChild, setActiveChild] = React.useState('0_1');
+  // key = row_col of the parent it corresponds to
+  const childData = {
+    '0_1': {
+      component: (
+        <DemoSortableTable
+          firstColumnRows={['parent-0', 'compound-1', 'three', 'four', 'five']}
+          id="compound-expansion-table-0_1"
+          key="0_1"
+        />
+      )
+    },
+    '0_2': {
+      component: (
+        <DemoSortableTable
+          firstColumnRows={['parent-0', 'compound-2', 'three', 'four', 'five']}
+          id="compound-expansion-table-0_2"
+          key="0_2"
+        />
+      )
+    },
+    '0_3': {
+      component: (
+        <DemoSortableTable
+          firstColumnRows={['parent-0', 'compound-3', 'three', 'four', 'five']}
+          id="compound-expansion-table-0_3"
+          key="0_3"
+        />
+      )
+    },
+    '1_1': {
+      component: (
+        <DemoSortableTable
+          firstColumnRows={['parent-1', 'compound-1', 'three', 'four', 'five']}
+          id="compound-expansion-table-1_1"
+          key="1_1"
+        />
+      )
+    },
+    '1_2': {
+      component: (
+        <DemoSortableTable
+          firstColumnRows={['parent-1', 'compound-2', 'three', 'four', 'five']}
+          id="compound-expansion-table-1_2"
+          key="1_2"
+        />
+      )
+    },
+    '1_3': {
+      component: (
+        <DemoSortableTable
+          firstColumnRows={['parent-1', 'compound-3', 'three', 'four', 'five']}
+          id="compound-expansion-table-1_3"
+          key="1_3"
+        />
+      )
+    }
+  };
+  const customRender = (cell, index) => {
+    if (index === 0) {
+      return <a href="#">{cell}</a>;
+    } else if (index === 1) {
+      return (
+        <React.Fragment>
+          <CodeBranchIcon key="icon" /> {cell}
+        </React.Fragment>
+      );
+    } else if (index === 2) {
+      return (
+        <React.Fragment>
+          <CodeIcon key="icon" /> {cell}
+        </React.Fragment>
+      );
+    } else if (index === 3) {
+      return (
+        <React.Fragment>
+          <CubeIcon key="icon" /> {cell}
+        </React.Fragment>
+      );
+    } else if (index === 5) {
+      return <a href="#">{cell}</a>;
+    }
+    return cell;
+  };
+  const isCompoundExpanded = (rowIndex, cellIndex) => {
+    // only columns 1 - 3 are compound expansion toggles in this example
+    if (1 <= cellIndex && cellIndex <= 3) {
+      return activeChild === `${rowIndex}_${cellIndex}`;
+    }
+    return null;
+  };
+  return (
+    <React.Fragment>
+      <TableComposable aria-label="Compound expandable table">
+        <Thead>
+          <Tr>
+            {columns.map((column, columnIndex) => (
+              <Th key={columnIndex} columnIndex={columnIndex}>
+                {column}
+              </Th>
+            ))}
+          </Tr>
+        </Thead>
+        {rows.map((row, rowIndex) => {
+          const isRowExpanded = activeChild && activeChild.split('_')[0] === `${rowIndex}`;
+          return (
+            <Tbody key={rowIndex} isExpanded={isRowExpanded}>
+              <React.Fragment>
+                <Tr>
+                  {row.map((cell, cellIndex) => (
+                    <Td
+                      key={`${rowIndex}_${cellIndex}`}
+                      rowIndex={rowIndex}
+                      columnIndex={cellIndex}
+                      dataLabel={columns[cellIndex]}
+                      component={cellIndex === 0 ? 'th' : 'td'}
+                      isCompoundExpanded={isCompoundExpanded(rowIndex, cellIndex)}
+                      onClick={() => {
+                        // only columns 1 - 3 are clickable
+                        if (1 <= cellIndex && cellIndex <= 3) {
+                          const current = `${rowIndex}_${cellIndex}`;
+                          if (activeChild === current) {
+                            // closing the expansion on the current toggle
+                            setActiveChild(null);
+                          } else {
+                            // expanding
+                            setActiveChild(current);
+                          }
+                        }
+                      }}
+                    >
+                      {customRender(cell, cellIndex)}
+                    </Td>
+                  ))}
+                </Tr>
+                {isRowExpanded && (
+                  <Tr key={`${rowIndex}-child`} isExpanded={isRowExpanded}>
+                    <Td rowIndex={rowIndex} dataLabel={columns[0]} noPadding colSpan="6">
+                      <ExpandableRowContent>{childData[activeChild].component}</ExpandableRowContent>
+                    </Td>
+                  </Tr>
+                )}
+              </React.Fragment>
+            </Tbody>
+          );
+        })}
+      </TableComposable>
+    </React.Fragment>
+  );
+};
+```
+
+### TableComposable: Cell width, breakpoint modifiers
+
+```js isBeta
+import React from 'react';
+import { TableComposable, Thead, Tbody, Tr, Th, Td } from '@patternfly/react-table';
+
+ComposableTableCellWidth = () => {
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+  const rows = [
+    ['one', 'two', 'three', 'four', 'five'],
+    ['one - 2', null, null, 'four - 2', 'five - 2'],
+    ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3']
+  ];
+  return (
+    <TableComposable aria-label="Cell widths">
+      <Thead>
+        <Tr>
+          {columns.map((column, columnIndex) => (
+            <Th
+              key={columnIndex}
+              width={columnIndex === 2 ? 40 : 15}
+              visibility={columnIndex === 2 ? ['hiddenOnMd', 'visibleOnLg'] : null}
+            >
+              {column}
+            </Th>
+          ))}
+        </Tr>
+      </Thead>
+      <Tbody>
+        {rows.map((row, rowIndex) => (
+          <Tr key={rowIndex}>
+            {row.map((cell, cellIndex) => (
+              <Td
+                key={`${rowIndex}_${cellIndex}`}
+                dataLabel={columns[cellIndex]}
+                visibility={cellIndex === 2 ? ['hiddenOnMd', 'visibleOnLg'] : null}
+              >
+                {cell}
+              </Td>
+            ))}
+          </Tr>
+        ))}
+      </Tbody>
+    </TableComposable>
+  );
+};
+```
+
+### TableComposable: Controlling text
+
+```js isBeta
+import React from 'react';
+import { TableComposable, Thead, Tbody, Tr, Th, Td } from '@patternfly/react-table';
+
+ComposableControllingText = () => {
+  const columns = [
+    'Truncate (width 20%)',
+    'Break word',
+    'Wrapping table header text. This th text will wrap instead of truncate.',
+    'Fit content',
+    'No wrap'
+  ];
+  const rows = [
+    [
+      'This text will truncate instead of wrap.',
+      <a href="#">http://thisisaverylongurlthatneedstobreakusethebreakwordmodifier.org</a>,
+      <p>
+        By default,
+        <code>thead</code> cells will truncate and
+        <code>tbody</code> cells will wrap. Use
+        <code>.pf-m-wrap</code> on a<code>th</code> to change its behavior.
+      </p>,
+      "This cell's content will adjust itself to the parent th width. This modifier only affects table layouts.",
+      <a href="#">No wrap</a>
+    ]
+  ];
+  return (
+    <TableComposable aria-label="Controlling text">
+      <Thead>
+        <Tr>
+          <Th width={20}>{columns[0]}</Th>
+          <Th>{columns[1]}</Th>
+          <Th modifier="wrap">{columns[2]}</Th>
+          <Th modifier="fitContent">{columns[3]}</Th>
+          <Th>{columns[4]}</Th>
+        </Tr>
+      </Thead>
+      <Tbody>
+        {rows.map((row, rowIndex) => (
+          <Tr key={rowIndex}>
+            <Td dataLabel={columns[0]} modifier="truncate">
+              {row[0]}
+            </Td>
+            <Td dataLabel={columns[1]} modifier="breakWord">
+              {row[1]}
+            </Td>
+            <Td dataLabel={columns[2]}>{row[2]}</Td>
+            <Td dataLabel={columns[3]}>{row[3]}</Td>
+            <Td dataLabel={columns[4]} modifier="nowrap">
+              {row[4]}
+            </Td>
+          </Tr>
+        ))}
+      </Tbody>
+    </TableComposable>
+  );
+};
+```
+
+### TableComposable: Modifiers with table text
+
+```js isBeta
+import React from 'react';
+import { TableComposable, Thead, Tbody, Tr, Th, Td, TableText } from '@patternfly/react-table';
+
+ComposableTableText = () => {
+  const columns = ['Truncating text', 'Wrapping table header text. This th text will wrap instead of truncate.'];
+  const rows = [
+    [
+      <TableText wrapModifier="truncate">This text will truncate instead of wrap.</TableText>,
+      <TableText wrapModifier="nowrap">
+        <a href="#">This is a link that needs to be on one line and fully readable.</a>
+      </TableText>
+    ]
+  ];
+  return (
+    <TableComposable aria-label="Table text">
+      <Thead>
+        <Tr>
+          <Th width={30}>{columns[0]}</Th>
+          <Th>{columns[1]}</Th>
+        </Tr>
+      </Thead>
+      <Tbody>
+        {rows.map((row, rowIndex) => (
+          <Tr key={rowIndex}>
+            {row.map((cell, cellIndex) => (
+              <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+                {cell}
+              </Td>
+            ))}
+          </Tr>
+        ))}
+      </Tbody>
+    </TableComposable>
+  );
+};
+```
+
+### TableComposable: Empty state
+
+```js isBeta
+import React from 'react';
+import {
+  TableComposable,
+  Thead,
+  Tbody,
+  Tr,
+  Th,
+  Td,
+  Caption,
+  Button,
+  EmptyState,
+  EmptyStateBody,
+  EmptyStatePrimary,
+  Bullseye,
+  Title,
+  EmptyStateIcon
+} from '@patternfly/react-table';
+
+ComposableEmptyState = () => {
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+  return (
+    <React.Fragment>
+      <TableComposable aria-label="Empty state">
+        <Caption>Empty State Table Example</Caption>
+        <Thead>
+          <Tr>
+            {columns.map((column, columnIndex) => (
+              <Th key={columnIndex} columnIndex={columnIndex}>
+                {column}
+              </Th>
+            ))}
+          </Tr>
+        </Thead>
+      </TableComposable>
+      <EmptyState variant={EmptyStateVariant.small}>
+        <EmptyStateIcon icon={SearchIcon} />
+        <Title headingLevel="h2" size="lg">
+          No results found
+        </Title>
+        <EmptyStateBody>
+          No results match the filter criteria. Remove all filters or clear all filters to show results.
+        </EmptyStateBody>
+        <Button variant="link">Clear all filters</Button>
+      </EmptyState>
+    </React.Fragment>
+  );
+};
+```
diff --git a/packages/react-table/src/components/BaseTable/Caption.tsx b/packages/react-table/src/components/TableComposable/Caption.tsx
similarity index 100%
rename from packages/react-table/src/components/BaseTable/Caption.tsx
rename to packages/react-table/src/components/TableComposable/Caption.tsx
diff --git a/packages/react-table/src/components/BaseTable/BaseTable.tsx b/packages/react-table/src/components/TableComposable/TableComposable.tsx
similarity index 88%
rename from packages/react-table/src/components/BaseTable/BaseTable.tsx
rename to packages/react-table/src/components/TableComposable/TableComposable.tsx
index 520052d4c8b..989e7447bb1 100644
--- a/packages/react-table/src/components/BaseTable/BaseTable.tsx
+++ b/packages/react-table/src/components/TableComposable/TableComposable.tsx
@@ -31,7 +31,7 @@ export interface BaseCellProps {
   innerRef?: React.Ref<any>;
 }
 
-export interface BaseTableProps extends React.HTMLProps<HTMLTableElement>, OUIAProps {
+export interface TableComposableProps extends React.HTMLProps<HTMLTableElement>, OUIAProps {
   /** Adds an accessible name for the Table */
   'aria-label'?: string;
   /** Content rendered inside the Table */
@@ -55,7 +55,7 @@ export interface BaseTableProps extends React.HTMLProps<HTMLTableElement>, OUIAP
   innerRef?: React.Ref<any>;
 }
 
-const BaseTableBase: React.FunctionComponent<BaseTableProps> = ({
+const TableComposableBase: React.FunctionComponent<TableComposableProps> = ({
   children,
   className,
   variant,
@@ -67,7 +67,7 @@ const BaseTableBase: React.FunctionComponent<BaseTableProps> = ({
   ouiaId,
   ouiaSafe = true,
   ...props
-}: BaseTableProps) => {
+}: TableComposableProps) => {
   const ouiaProps = useOUIAProps('Table', ouiaId, ouiaSafe);
   const variantModifiers = () => {
     if (variant === 'compact') {
@@ -101,7 +101,7 @@ const BaseTableBase: React.FunctionComponent<BaseTableProps> = ({
   );
 };
 
-export const BaseTable = React.forwardRef((props: BaseTableProps, ref: React.Ref<HTMLTableElement>) => (
-  <BaseTableBase {...props} innerRef={ref} />
+export const TableComposable = React.forwardRef((props: TableComposableProps, ref: React.Ref<HTMLTableElement>) => (
+  <TableComposableBase {...props} innerRef={ref} />
 ));
-BaseTable.displayName = 'BaseTable';
+TableComposable.displayName = 'TableComposable';
diff --git a/packages/react-table/src/components/BaseTable/TBody.tsx b/packages/react-table/src/components/TableComposable/Tbody.tsx
similarity index 71%
rename from packages/react-table/src/components/BaseTable/TBody.tsx
rename to packages/react-table/src/components/TableComposable/Tbody.tsx
index 1e3f314cef6..f48424ae45b 100644
--- a/packages/react-table/src/components/BaseTable/TBody.tsx
+++ b/packages/react-table/src/components/TableComposable/Tbody.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 
-export interface TBodyProps extends React.HTMLProps<HTMLTableSectionElement> {
+export interface TbodyProps extends React.HTMLProps<HTMLTableSectionElement> {
   /** Content rendered inside the <tr> row */
   children?: React.ReactNode;
   /** Additional classes added to the <tr> row  */
@@ -13,19 +13,19 @@ export interface TBodyProps extends React.HTMLProps<HTMLTableSectionElement> {
   innerRef?: React.Ref<any>;
 }
 
-const TBodyBase: React.FunctionComponent<TBodyProps> = ({
+const TbodyBase: React.FunctionComponent<TbodyProps> = ({
   children,
   className,
   isExpanded,
   innerRef,
   ...props
-}: TBodyProps) => (
+}: TbodyProps) => (
   <tbody role="rowgroup" className={css(className, isExpanded && styles.modifiers.expanded)} ref={innerRef} {...props}>
     {children}
   </tbody>
 );
 
-export const TBody = React.forwardRef((props: TBodyProps, ref: React.Ref<HTMLTableSectionElement>) => (
-  <TBodyBase {...props} innerRef={ref} />
+export const Tbody = React.forwardRef((props: TbodyProps, ref: React.Ref<HTMLTableSectionElement>) => (
+  <TbodyBase {...props} innerRef={ref} />
 ));
-TBody.displayName = 'TBody';
+Tbody.displayName = 'Tbody';
diff --git a/packages/react-table/src/components/BaseTable/Td.tsx b/packages/react-table/src/components/TableComposable/Td.tsx
similarity index 99%
rename from packages/react-table/src/components/BaseTable/Td.tsx
rename to packages/react-table/src/components/TableComposable/Td.tsx
index fd9dbe5853c..6abefd3bfc7 100644
--- a/packages/react-table/src/components/BaseTable/Td.tsx
+++ b/packages/react-table/src/components/TableComposable/Td.tsx
@@ -26,7 +26,7 @@ import {
   DropdownDirection,
   DropdownPosition
 } from '@patternfly/react-core/dist/js/components/Dropdown/dropdownConstants';
-import { BaseCellProps } from './BaseTable';
+import { BaseCellProps } from './TableComposable';
 
 export interface TdProps extends BaseCellProps, Omit<React.HTMLProps<HTMLTableDataCellElement>, 'onSelect' | 'width'> {
   /** The selectable variant */
diff --git a/packages/react-table/src/components/BaseTable/Th.tsx b/packages/react-table/src/components/TableComposable/Th.tsx
similarity index 98%
rename from packages/react-table/src/components/BaseTable/Th.tsx
rename to packages/react-table/src/components/TableComposable/Th.tsx
index 471523831cb..5357155dd9c 100644
--- a/packages/react-table/src/components/BaseTable/Th.tsx
+++ b/packages/react-table/src/components/TableComposable/Th.tsx
@@ -16,7 +16,7 @@ import {
 } from '../Table';
 import { IVisibility } from '../Table/utils/decorators/classNames';
 import { Tooltip } from '@patternfly/react-core/dist/js/components/Tooltip/Tooltip';
-import { BaseCellProps } from './BaseTable';
+import { BaseCellProps } from './TableComposable';
 
 export interface ThProps
   extends BaseCellProps,
diff --git a/packages/react-table/src/components/BaseTable/Thead.tsx b/packages/react-table/src/components/TableComposable/Thead.tsx
similarity index 70%
rename from packages/react-table/src/components/BaseTable/Thead.tsx
rename to packages/react-table/src/components/TableComposable/Thead.tsx
index a8e40bbc5d0..4e7ff7395b1 100644
--- a/packages/react-table/src/components/BaseTable/Thead.tsx
+++ b/packages/react-table/src/components/TableComposable/Thead.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 
-export interface THeadProps extends React.HTMLProps<HTMLTableSectionElement> {
+export interface TheadProps extends React.HTMLProps<HTMLTableSectionElement> {
   /** Content rendered inside the <tr> row */
   children?: React.ReactNode;
   /** Additional classes added to the <tr> row  */
@@ -13,19 +13,19 @@ export interface THeadProps extends React.HTMLProps<HTMLTableSectionElement> {
   innerRef?: React.Ref<any>;
 }
 
-const THeadBase: React.FunctionComponent<THeadProps> = ({
+const TheadBase: React.FunctionComponent<TheadProps> = ({
   children,
   className,
   noWrap = false,
   innerRef,
   ...props
-}: THeadProps) => (
+}: TheadProps) => (
   <thead className={css(className, noWrap && styles.modifiers.nowrap)} ref={innerRef} {...props}>
     {children}
   </thead>
 );
 
-export const THead = React.forwardRef((props: THeadProps, ref: React.Ref<HTMLTableSectionElement>) => (
-  <THeadBase {...props} innerRef={ref} />
+export const Thead = React.forwardRef((props: TheadProps, ref: React.Ref<HTMLTableSectionElement>) => (
+  <TheadBase {...props} innerRef={ref} />
 ));
-THead.displayName = 'THead';
+Thead.displayName = 'Thead';
diff --git a/packages/react-table/src/components/BaseTable/Tr.tsx b/packages/react-table/src/components/TableComposable/Tr.tsx
similarity index 92%
rename from packages/react-table/src/components/BaseTable/Tr.tsx
rename to packages/react-table/src/components/TableComposable/Tr.tsx
index 6dc44214582..e16b4541699 100644
--- a/packages/react-table/src/components/BaseTable/Tr.tsx
+++ b/packages/react-table/src/components/TableComposable/Tr.tsx
@@ -12,9 +12,9 @@ export interface TrProps extends React.HTMLProps<HTMLTableRowElement>, OUIAProps
   /** Forwarded ref */
   innerRef?: React.Ref<any>;
 
-  /** Only applicable to Tr within the TBody: Makes the row expandable and determines if it's expanded or not */
+  /** Only applicable to Tr within the Tbody: Makes the row expandable and determines if it's expanded or not */
   isExpanded?: boolean;
-  /** Only applicable to Tr within the TBody: Whether the row is editable */
+  /** Only applicable to Tr within the Tbody: Whether the row is editable */
   isEditable?: boolean;
 }
 
diff --git a/packages/react-table/src/components/TableComposable/index.ts b/packages/react-table/src/components/TableComposable/index.ts
new file mode 100644
index 00000000000..f5b88eaaf1e
--- /dev/null
+++ b/packages/react-table/src/components/TableComposable/index.ts
@@ -0,0 +1,7 @@
+export * from './TableComposable';
+export * from './Thead';
+export * from './Tbody';
+export * from './Tr';
+export * from './Th';
+export * from './Td';
+export * from './Caption';
diff --git a/packages/react-table/src/components/index.ts b/packages/react-table/src/components/index.ts
index 6089b1a01e7..676493ae1c1 100644
--- a/packages/react-table/src/components/index.ts
+++ b/packages/react-table/src/components/index.ts
@@ -1,2 +1,2 @@
 export * from './Table';
-export * from './BaseTable';
+export * from './TableComposable';
diff --git a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
index 966069240d5..97a0deb9336 100644
--- a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
+++ b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
@@ -415,7 +415,7 @@ exports[`Actions virtualized table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -424,7 +424,7 @@ exports[`Actions virtualized table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -740,22 +740,22 @@ exports[`Actions virtualized table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -774,7 +774,7 @@ exports[`Actions virtualized table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -1361,15 +1361,15 @@ exports[`Actions virtualized table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Component>
             </ContextHeader>
           </TableHeader>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -1788,7 +1788,7 @@ exports[`Selectable virtualized table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -1797,7 +1797,7 @@ exports[`Selectable virtualized table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -2113,22 +2113,22 @@ exports[`Selectable virtualized table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -2147,7 +2147,7 @@ exports[`Selectable virtualized table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -2752,15 +2752,15 @@ exports[`Selectable virtualized table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Component>
             </ContextHeader>
           </TableHeader>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -3324,7 +3324,7 @@ exports[`Simple Actions table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -3333,7 +3333,7 @@ exports[`Simple Actions table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -3763,22 +3763,22 @@ exports[`Simple Actions table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -3797,7 +3797,7 @@ exports[`Simple Actions table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -4498,15 +4498,15 @@ exports[`Simple Actions table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Component>
             </ContextHeader>
           </TableHeader>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -4874,7 +4874,7 @@ exports[`Simple virtualized table aria-label 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Virtual Table Test"
       className=""
       gridBreakPoint="grid-md"
@@ -4883,7 +4883,7 @@ exports[`Simple virtualized table aria-label 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Virtual Table Test"
         className=""
         gridBreakPoint="grid-md"
@@ -5152,22 +5152,22 @@ exports[`Simple virtualized table aria-label 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -5186,7 +5186,7 @@ exports[`Simple virtualized table aria-label 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -5633,15 +5633,15 @@ exports[`Simple virtualized table aria-label 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Component>
             </ContextHeader>
           </TableHeader>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -6009,7 +6009,7 @@ exports[`Simple virtualized table className 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Virtual Table Test"
       className=""
       gridBreakPoint="grid-md"
@@ -6018,7 +6018,7 @@ exports[`Simple virtualized table className 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Virtual Table Test"
         className=""
         gridBreakPoint="grid-md"
@@ -6287,22 +6287,22 @@ exports[`Simple virtualized table className 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -6321,7 +6321,7 @@ exports[`Simple virtualized table className 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -6768,15 +6768,15 @@ exports[`Simple virtualized table className 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Component>
             </ContextHeader>
           </TableHeader>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;
@@ -7150,7 +7150,7 @@ exports[`Sortable Virtualized Table 1`] = `
     role="grid"
     variant={null}
   >
-    <BaseTable
+    <TableComposable
       aria-label="Aria labeled"
       className=""
       gridBreakPoint="grid-md"
@@ -7159,7 +7159,7 @@ exports[`Sortable Virtualized Table 1`] = `
       role="grid"
       variant={null}
     >
-      <BaseTableBase
+      <TableComposableBase
         aria-label="Aria labeled"
         className=""
         gridBreakPoint="grid-md"
@@ -7429,22 +7429,22 @@ exports[`Sortable Virtualized Table 1`] = `
                         },
                         "wrapper": Object {
                           "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "THead",
+                          "displayName": "Thead",
                           "render": [Function],
                         },
                       },
                       "table": Object {
                         "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "BaseTable",
+                        "displayName": "TableComposable",
                         "render": [Function],
                       },
                     }
                   }
                 >
-                  <THead
+                  <Thead
                     className=""
                   >
-                    <THeadBase
+                    <TheadBase
                       className=""
                       innerRef={null}
                     >
@@ -7463,7 +7463,7 @@ exports[`Sortable Virtualized Table 1`] = `
                               },
                               "wrapper": Object {
                                 "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "THead",
+                                "displayName": "Thead",
                                 "render": [Function],
                               },
                             }
@@ -7966,15 +7966,15 @@ exports[`Sortable Virtualized Table 1`] = `
                           </Tr>
                         </HeaderRow>
                       </thead>
-                    </THeadBase>
-                  </THead>
+                    </TheadBase>
+                  </Thead>
                 </BaseHeader>
               </Component>
             </ContextHeader>
           </TableHeader>
         </table>
-      </BaseTableBase>
-    </BaseTable>
+      </TableComposableBase>
+    </TableComposable>
   </Provider>
 </Table>
 `;

From ef1d6bedae67ab92c0fa933826044e1949e8a1eb Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Thu, 22 Oct 2020 13:57:16 -0400
Subject: [PATCH 19/29] for a11y

---
 .../src/components/Table/examples/Table.md    | 76 ++++++++++---------
 1 file changed, 42 insertions(+), 34 deletions(-)

diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index 64922d652b9..facc374c259 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -903,11 +903,7 @@ class CompactExpandableTable extends React.Component {
 
     return (
       <React.Fragment>
-        <Checkbox
-          label="Compact"
-          isChecked={isCompact}
-          onChange={this.toggleCompact}
-        />
+        <Checkbox label="Compact" isChecked={isCompact} onChange={this.toggleCompact} />
         <Table
           aria-label="Expandable table"
           variant={isCompact ? TableVariant.compact : null}
@@ -1164,30 +1160,40 @@ class WidthTable extends React.Component {
     this.state = {
       columns: [
         { title: 'Header cell', transforms: [cellWidth(10)] },
-        { 
+        {
           title: 'Branches (visible only on md)',
           columnTransforms: [
             classNames(Visibility.hidden, Visibility.visibleOnMd, Visibility.hiddenOnLg, Visibility.visibleOn2Xl)
           ]
         },
-        { 
-          title: 'Pull requests (hidden only on md)', 
+        {
+          title: 'Pull requests (hidden only on md)',
           columnTransforms: [classNames(Visibility.hiddenOnMd, Visibility.visibleOnLg)]
         },
-        { 
+        {
           title: 'Workspaces (hidden on xs)',
-          columnTransforms: [
-            classNames(Visibility.hidden, Visibility.visibleOnSm)
-          ]
+          columnTransforms: [classNames(Visibility.hidden, Visibility.visibleOnSm)]
         },
-        { 
+        {
           title: 'Last commit',
           transforms: [cellWidth(30)]
         }
       ],
       rows: [
-        ['one - 1', 'two - 1 (visible only on md)', 'three - 1 (hidden only on md)', 'four - 1 (hidden on xs)', 'five - 1'],
-        ['one - 2', 'two - 2 (visible only on md)', 'three - 2 (hidden only on md)', 'four - 2 (hidden on xs)', 'five - 2']
+        [
+          'one - 1',
+          'two - 1 (visible only on md)',
+          'three - 1 (hidden only on md)',
+          'four - 1 (hidden on xs)',
+          'five - 1'
+        ],
+        [
+          'one - 2',
+          'two - 2 (visible only on md)',
+          'three - 2 (hidden only on md)',
+          'four - 2 (hidden on xs)',
+          'five - 2'
+        ]
       ]
     };
   }
@@ -1822,7 +1828,7 @@ class EditableRowsTable extends React.Component {
 
 ## TableComposable examples
 
-### TableComposable: Basic
+### Composable: Basic
 
 A basic example using the composable table components. The `TableComposable` component differs from the regular `Table` component, in that it allows you to compose the table by nesting the relevant `Thead`, `Tbody`, `Tr`, `Th` and `Td` components within it. For a less declarative and more implicit approach, use the `Table` component instead.
 
@@ -1868,7 +1874,7 @@ ComposableTableBasic = () => {
 };
 ```
 
-### TableComposable: Row click handler, custom row wrapper, header tooltips & popovers
+### Composable: Row click handler, custom row wrapper, header tooltips & popovers
 
 This example demonstrates customizing rows, adding tooltip and popover information to header items, and some other misc. props.
 
@@ -1976,7 +1982,7 @@ ComposableTableMisc = () => {
 };
 ```
 
-### TableComposable: Sortable & wrapping headers
+### Composable: Sortable & wrapping headers
 
 This example demonstrates making columns sortable, and wrapping header text. For sorting it is also important to pass the `columnIndex` to the `Th`.
 
@@ -2063,7 +2069,7 @@ ComposableTableSortable = () => {
 };
 ```
 
-### TableComposable: Selectable
+### Composable: Selectable
 
 This example demonstrates row selection. The selection column is just another column, but with selection specific props added. We add it as the first header cell and also as the first body cell for each row.
 Be sure to also add `columnIndex` to `Th` and `columnIndex` as well as `rowIndex` to `Td`.
@@ -2142,7 +2148,7 @@ ComposableTableSelectable = () => {
 };
 ```
 
-### TableComposable: Selectable radio input
+### Composable: Selectable radio input
 
 Similarly to the selectable example above, the radio buttons use the first column. The first header cell is empty, and each body row's first cell has radio button props. Just as with selectable, be sure to also add `columnIndex` to `Th` and `columnIndex` as well as `rowIndex` to `Td`.
 
@@ -2201,7 +2207,7 @@ ComposableTableSelectableRadio = () => {
 };
 ```
 
-### TableComposable: Actions
+### Composable: Actions
 
 This example demonstrates adding actions as the last column. The header's last cell is an empty cell, and each body row's last cell is an action cell.
 
@@ -2286,7 +2292,7 @@ ComposableTableActions = () => {
 };
 ```
 
-### TableComposable: Compact, compact borderless
+### Composable: Compact, compact borderless
 
 You can set the `TableComposable` variant to `compact` or `compactBorderless`.
 
@@ -2350,7 +2356,7 @@ ComposableTableCompact = () => {
 };
 ```
 
-### TableComposable: Expandable
+### Composable: Expandable
 
 This example demonstrates having expandable rows.
 
@@ -2443,16 +2449,18 @@ ComposableTableExpandable = () => {
   return (
     <React.Fragment>
       <ToggleGroup aria-label="Default with single selectable">
-        <ToggleGroupItem buttonId="default" isSelected={variant === null} onChange={handleItemClick}>
-          Default expandable
-        </ToggleGroupItem>
         <ToggleGroupItem
+          text="Default expandable"
+          buttonId="default"
+          isSelected={variant === null}
+          onChange={handleItemClick}
+        />
+        <ToggleGroupItem
+          text="Compact expandable"
           buttonId="compactExpandable"
           isSelected={variant === 'compactExpandable'}
           onChange={handleItemClick}
-        >
-          Compact expandable
-        </ToggleGroupItem>
+        />
       </ToggleGroup>
       <TableComposable aria-label="Expandable Table" variant={variant}>
         <Thead>
@@ -2533,7 +2541,7 @@ ComposableTableExpandable = () => {
 };
 ```
 
-### TableComposable: Compound expandable
+### Composable: Compound expandable
 
 ```js isBeta
 import React from 'react';
@@ -2704,7 +2712,7 @@ ComposableCompoundExpandableTable = () => {
 };
 ```
 
-### TableComposable: Cell width, breakpoint modifiers
+### Composable: Cell width, breakpoint modifiers
 
 ```js isBeta
 import React from 'react';
@@ -2752,7 +2760,7 @@ ComposableTableCellWidth = () => {
 };
 ```
 
-### TableComposable: Controlling text
+### Composable: Controlling text
 
 ```js isBeta
 import React from 'react';
@@ -2813,7 +2821,7 @@ ComposableControllingText = () => {
 };
 ```
 
-### TableComposable: Modifiers with table text
+### Composable: Modifiers with table text
 
 ```js isBeta
 import React from 'react';
@@ -2853,7 +2861,7 @@ ComposableTableText = () => {
 };
 ```
 
-### TableComposable: Empty state
+### Composable: Empty state
 
 ```js isBeta
 import React from 'react';

From 867703d9e58c485d8a8cb2c7cf74395ce7f654d9 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Thu, 22 Oct 2020 14:26:40 -0400
Subject: [PATCH 20/29] one more

---
 .../react-table/src/components/Table/examples/Table.md   | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index facc374c259..1375ecddeea 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -903,7 +903,14 @@ class CompactExpandableTable extends React.Component {
 
     return (
       <React.Fragment>
-        <Checkbox label="Compact" isChecked={isCompact} onChange={this.toggleCompact} />
+        <Checkbox 
+          label="Compact" 
+          isChecked={isCompact} 
+          onChange={this.toggleCompact}
+          aria-label="toggle compact variation"
+          id="toggle-compact"
+          name="toggle-compact"
+        />
         <Table
           aria-label="Expandable table"
           variant={isCompact ? TableVariant.compact : null}

From f6b10504612a609f0ee4e3c0b186e368834239a5 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Thu, 22 Oct 2020 16:53:57 -0400
Subject: [PATCH 21/29] feedback

---
 .../src/components/Table/examples/Table.md    | 188 +++++++-----------
 .../src/components/TableComposable/Td.tsx     |  36 +---
 2 files changed, 82 insertions(+), 142 deletions(-)

diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index 1375ecddeea..106c25f7f15 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -903,9 +903,9 @@ class CompactExpandableTable extends React.Component {
 
     return (
       <React.Fragment>
-        <Checkbox 
-          label="Compact" 
-          isChecked={isCompact} 
+        <Checkbox
+          label="Compact"
+          isChecked={isCompact}
           onChange={this.toggleCompact}
           aria-label="toggle compact variation"
           id="toggle-compact"
@@ -937,7 +937,7 @@ import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-ic
 import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
 import CubeIcon from '@patternfly/react-icons/dist/js/icons/cube-icon';
 
-// https://github.com/patternfly/patternfly-react/blob/master/packages/react-table/src/components/Table/demo/DemoSortableTable.js
+// https://github.com/patternfly/patternfly-react/blob/master/packages/react-table/src/components/Table/examples/DemoSortableTable.js
 import DemoSortableTable from './demo/DemoSortableTable';
 
 class CompoundExpandableTable extends React.Component {
@@ -2535,10 +2535,8 @@ ComposableTableExpandable = () => {
           ) : null;
           return (
             <Tbody key={pairIndex} isExpanded={expanded[pairIndex] === true}>
-              <React.Fragment>
-                {parentRow}
-                {childRow}
-              </React.Fragment>
+              {parentRow}
+              {childRow}
             </Tbody>
           );
         })}
@@ -2558,7 +2556,7 @@ import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-ic
 import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
 import CubeIcon from '@patternfly/react-icons/dist/js/icons/cube-icon';
 
-// https://github.com/patternfly/patternfly-react/blob/master/packages/react-table/src/components/Table/demo/DemoSortableTable.js
+// https://github.com/patternfly/patternfly-react/blob/master/packages/react-table/src/components/Table/examples/DemoSortableTable.js
 import DemoSortableTable from './demo/DemoSortableTable';
 
 ComposableCompoundExpandableTable = () => {
@@ -2567,7 +2565,8 @@ ComposableCompoundExpandableTable = () => {
     ['siemur/test-space', 10, 4, 4, '20 minutes', 'Open in Github'],
     ['siemur/test-space', 3, 4, 2, '10 minutes', 'Open in Github']
   ];
-  const [activeChild, setActiveChild] = React.useState('0_1');
+  // index corresponds to row index, and value corresponds to column index of the expanded, null means no cell is expanded
+  const [activeChild, setActiveChild] = React.useState([1, null]);
   // key = row_col of the parent it corresponds to
   const childData = {
     '0_1': {
@@ -2654,67 +2653,74 @@ ComposableCompoundExpandableTable = () => {
   const isCompoundExpanded = (rowIndex, cellIndex) => {
     // only columns 1 - 3 are compound expansion toggles in this example
     if (1 <= cellIndex && cellIndex <= 3) {
-      return activeChild === `${rowIndex}_${cellIndex}`;
+      return activeChild[rowIndex] === cellIndex;
     }
     return null;
   };
   return (
-    <React.Fragment>
-      <TableComposable aria-label="Compound expandable table">
-        <Thead>
-          <Tr>
-            {columns.map((column, columnIndex) => (
-              <Th key={columnIndex} columnIndex={columnIndex}>
-                {column}
-              </Th>
-            ))}
-          </Tr>
-        </Thead>
-        {rows.map((row, rowIndex) => {
-          const isRowExpanded = activeChild && activeChild.split('_')[0] === `${rowIndex}`;
-          return (
-            <Tbody key={rowIndex} isExpanded={isRowExpanded}>
-              <React.Fragment>
-                <Tr>
-                  {row.map((cell, cellIndex) => (
-                    <Td
-                      key={`${rowIndex}_${cellIndex}`}
-                      rowIndex={rowIndex}
-                      columnIndex={cellIndex}
-                      dataLabel={columns[cellIndex]}
-                      component={cellIndex === 0 ? 'th' : 'td'}
-                      isCompoundExpanded={isCompoundExpanded(rowIndex, cellIndex)}
-                      onClick={() => {
-                        // only columns 1 - 3 are clickable
-                        if (1 <= cellIndex && cellIndex <= 3) {
-                          const current = `${rowIndex}_${cellIndex}`;
-                          if (activeChild === current) {
-                            // closing the expansion on the current toggle
-                            setActiveChild(null);
-                          } else {
-                            // expanding
-                            setActiveChild(current);
-                          }
+    <TableComposable aria-label="Compound expandable table">
+      <Thead>
+        <Tr>
+          {columns.map((column, columnIndex) => (
+            <Th key={columnIndex} columnIndex={columnIndex}>
+              {column}
+            </Th>
+          ))}
+        </Tr>
+      </Thead>
+      {rows.map((row, rowIndex) => {
+        const isRowExpanded = activeChild[rowIndex] !== null;
+        return (
+          <Tbody key={rowIndex} isExpanded={isRowExpanded}>
+            <React.Fragment>
+              <Tr>
+                {row.map((cell, cellIndex) => (
+                  <Td
+                    key={`${rowIndex}_${cellIndex}`}
+                    rowIndex={rowIndex}
+                    columnIndex={cellIndex}
+                    dataLabel={columns[cellIndex]}
+                    component={cellIndex === 0 ? 'th' : 'td'}
+                    isCompoundExpanded={isCompoundExpanded(rowIndex, cellIndex)}
+                    onClick={() => {
+                      // only columns 1 - 3 are clickable
+                      if (1 <= cellIndex && cellIndex <= 3) {
+                        if (activeChild[rowIndex] === cellIndex) {
+                          // closing the expansion on the current toggle
+                          // set the corresponding item to null
+                          const updatedActiveChild = activeChild.map((item, index) =>
+                            index === rowIndex ? null : item
+                          );
+                          setActiveChild(updatedActiveChild);
+                        } else {
+                          // expanding
+                          // set the corresponding cell index
+                          const updatedActiveChild = activeChild.map((item, index) =>
+                            index === rowIndex ? cellIndex : item
+                          );
+                          setActiveChild(updatedActiveChild);
                         }
-                      }}
-                    >
-                      {customRender(cell, cellIndex)}
-                    </Td>
-                  ))}
+                      }
+                    }}
+                  >
+                    {customRender(cell, cellIndex)}
+                  </Td>
+                ))}
+              </Tr>
+              {isRowExpanded && (
+                <Tr key={`${rowIndex}-child`} isExpanded={isRowExpanded}>
+                  <Td rowIndex={rowIndex} dataLabel={columns[0]} noPadding colSpan="6">
+                    <ExpandableRowContent>
+                      {childData[`${rowIndex}_${activeChild[rowIndex]}`].component}
+                    </ExpandableRowContent>
+                  </Td>
                 </Tr>
-                {isRowExpanded && (
-                  <Tr key={`${rowIndex}-child`} isExpanded={isRowExpanded}>
-                    <Td rowIndex={rowIndex} dataLabel={columns[0]} noPadding colSpan="6">
-                      <ExpandableRowContent>{childData[activeChild].component}</ExpandableRowContent>
-                    </Td>
-                  </Tr>
-                )}
-              </React.Fragment>
-            </Tbody>
-          );
-        })}
-      </TableComposable>
-    </React.Fragment>
+              )}
+            </React.Fragment>
+          </Tbody>
+        );
+      })}
+    </TableComposable>
   );
 };
 ```
@@ -2867,55 +2873,3 @@ ComposableTableText = () => {
   );
 };
 ```
-
-### Composable: Empty state
-
-```js isBeta
-import React from 'react';
-import {
-  TableComposable,
-  Thead,
-  Tbody,
-  Tr,
-  Th,
-  Td,
-  Caption,
-  Button,
-  EmptyState,
-  EmptyStateBody,
-  EmptyStatePrimary,
-  Bullseye,
-  Title,
-  EmptyStateIcon
-} from '@patternfly/react-table';
-
-ComposableEmptyState = () => {
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
-  return (
-    <React.Fragment>
-      <TableComposable aria-label="Empty state">
-        <Caption>Empty State Table Example</Caption>
-        <Thead>
-          <Tr>
-            {columns.map((column, columnIndex) => (
-              <Th key={columnIndex} columnIndex={columnIndex}>
-                {column}
-              </Th>
-            ))}
-          </Tr>
-        </Thead>
-      </TableComposable>
-      <EmptyState variant={EmptyStateVariant.small}>
-        <EmptyStateIcon icon={SearchIcon} />
-        <Title headingLevel="h2" size="lg">
-          No results found
-        </Title>
-        <EmptyStateBody>
-          No results match the filter criteria. Remove all filters or clear all filters to show results.
-        </EmptyStateBody>
-        <Button variant="link">Clear all filters</Button>
-      </EmptyState>
-    </React.Fragment>
-  );
-};
-```
diff --git a/packages/react-table/src/components/TableComposable/Td.tsx b/packages/react-table/src/components/TableComposable/Td.tsx
index 6abefd3bfc7..3200c399935 100644
--- a/packages/react-table/src/components/TableComposable/Td.tsx
+++ b/packages/react-table/src/components/TableComposable/Td.tsx
@@ -20,7 +20,6 @@ import {
   Visibility,
   classNames
 } from '../Table';
-import { mergeProps } from '../Table/base/merge-props';
 import { IVisibility } from '../Table/utils/decorators/classNames';
 import {
   DropdownDirection,
@@ -124,31 +123,18 @@ const TdBase: React.FunctionComponent<TdProps> = ({
     : null;
   const expandableParams =
     isExpanded !== null
-      ? mergeProps(
-          collapsible(null, {
-            rowIndex,
-            columnIndex,
-            rowData: {
-              isOpen: isExpanded
-            },
-            column: {
-              extraParams: {
-                onCollapse
-              }
-            }
-          })
-          /* expandedRow()('true', {
-            rowIndex,
-            columnIndex,
-            rowData: {
-              parent: 0,
-              noPadding
-            },
-            column: {
-              extraParams: {}
+      ? collapsible(null, {
+          rowIndex,
+          columnIndex,
+          rowData: {
+            isOpen: isExpanded
+          },
+          column: {
+            extraParams: {
+              onCollapse
             }
-          }) */
-        )
+          }
+        })
       : null;
   const compoundParams =
     isCompoundExpanded !== null

From c403785b239444ccb69d1ec4482fecad81dcb984 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Fri, 23 Oct 2020 11:36:11 -0400
Subject: [PATCH 22/29] add types version of the composable examples to demo

---
 .../demo-app-ts/src/Demos.ts                  |    5 +
 .../demos/TableDemo/TableComposableDemo.tsx   | 1006 +++++++++++++++++
 .../demo-app-ts/src/components/demos/index.ts |    1 +
 .../src/components/Table/examples/Table.md    |    2 +-
 4 files changed, 1013 insertions(+), 1 deletion(-)
 create mode 100644 packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx

diff --git a/packages/react-integration/demo-app-ts/src/Demos.ts b/packages/react-integration/demo-app-ts/src/Demos.ts
index 0993d7782b5..bea7313862f 100644
--- a/packages/react-integration/demo-app-ts/src/Demos.ts
+++ b/packages/react-integration/demo-app-ts/src/Demos.ts
@@ -696,6 +696,11 @@ export const Demos: DemoInterface[] = [
     name: 'Table Width Modifers Demo',
     componentType: Examples.TableWidthModifiersDemo
   },
+  {
+    id: 'table-composable-demo',
+    name: 'Table Composable Demo',
+    componentType: Examples.TableComposableDemo
+  },
   {
     id: 'tab-string-event-key-demo',
     name: 'Tab String Event Key Demo',
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx
new file mode 100644
index 00000000000..bb189d502ca
--- /dev/null
+++ b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx
@@ -0,0 +1,1006 @@
+import * as React from 'react';
+import {
+  TableComposable,
+  Thead,
+  Tbody,
+  Tr,
+  Th,
+  Td,
+  Caption,
+  TableText,
+  HeaderCellInfoWrapper,
+  ExpandableRowContent,
+  OnSelect,
+  IActions
+} from '@patternfly/react-table';
+import { ToggleGroup, ToggleGroupItem, Stack, StackItem } from '@patternfly/react-core';
+import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-icon';
+import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
+import CubeIcon from '@patternfly/react-icons/dist/js/icons/cube-icon';
+
+export const TableComposableDemo = () => {
+  const ComposableTableBasic = () => {
+    const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+    const rows = [
+      ['one', 'two', 'three', 'four', 'five'],
+      ['one - 2', null, null, 'four - 2', 'five - 2'],
+      ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3']
+    ];
+    return (
+      <TableComposable aria-label="Simple table using composable components">
+        <Caption>Simple table using composable components</Caption>
+        <Thead>
+          <Tr>
+            {columns.map((column, columnIndex) => (
+              <Th key={columnIndex}>{column}</Th>
+            ))}
+          </Tr>
+        </Thead>
+        <Tbody>
+          {rows.map((row, rowIndex) => (
+            <Tr key={rowIndex}>
+              {row.map((cell, cellIndex) => (
+                <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+                  {cell}
+                </Td>
+              ))}
+            </Tr>
+          ))}
+        </Tbody>
+      </TableComposable>
+    );
+  };
+
+  const ComposableTableMisc = () => {
+    const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+    const rows: any[] = [
+      ['one', 'two', 'three', 'four', 'five'],
+      [{ title: 'one - 2', colSpan: 3 }, null, null, 'four - 2', 'five - 2'],
+      ['one - 3', 'two - 3', 'three - 3', 'four - 3', { title: 'five - 3 (not centered)', textCenter: false }]
+    ];
+    const onRowClick = (event: React.MouseEvent, rowIndex: number, row: any[]) => {
+      // eslint-disable-next-line no-console
+      console.log(`handle row click ${rowIndex}`, row);
+    };
+    return (
+      <TableComposable aria-label="Misc table">
+        <Thead noWrap>
+          <Tr>
+            <Th>
+              <HeaderCellInfoWrapper
+                variant="tooltip"
+                info="More information about repositories"
+                className="repositories-info-tip"
+                tooltipProps={{
+                  isContentLeftAligned: true
+                }}
+              >
+                {columns[0]}
+              </HeaderCellInfoWrapper>
+            </Th>
+            <Th>{columns[1]}</Th>
+            <Th>
+              <HeaderCellInfoWrapper
+                variant="popover"
+                info={
+                  <div>
+                    More <strong>information</strong> on pull requests
+                  </div>
+                }
+                ariaLabel="More information on pull requests"
+                popoverProps={{
+                  headerContent: 'Pull requests',
+                  footerContent: <a href="">Click here for even more info</a>
+                }}
+              >
+                {columns[2]}
+              </HeaderCellInfoWrapper>
+            </Th>
+            <Th>{columns[3]}</Th>
+            <Th textCenter>{columns[4]}</Th>
+          </Tr>
+        </Thead>
+        <Tbody>
+          {rows.map((row, rowIndex) => {
+            const isOddRow = (rowIndex + 1) % 2;
+            const customStyle = {
+              borderLeft: '3px solid var(--pf-global--primary-color--100)'
+            };
+            return (
+              <Tr
+                key={rowIndex}
+                onClick={event => onRowClick(event, rowIndex, row)}
+                className={isOddRow ? 'odd-row-class' : 'even-row-class'}
+                style={isOddRow ? customStyle : {}}
+              >
+                {row.map((cell: any, cellIndex: number) => {
+                  if (!cell) {
+                    return null;
+                  }
+                  let cellObject;
+                  if (typeof cell !== 'object') {
+                    cellObject = {
+                      title: cell
+                    };
+                  } else {
+                    cellObject = cell;
+                  }
+                  const { title, ...rest } = cellObject;
+                  return (
+                    <Td
+                      key={`${rowIndex}_${cellIndex}`}
+                      columnIndex={cellIndex}
+                      dataLabel={columns[cellIndex]}
+                      textCenter={cellIndex === row.length - 1}
+                      {...rest}
+                    >
+                      {title}
+                    </Td>
+                  );
+                })}
+              </Tr>
+            );
+          })}
+        </Tbody>
+      </TableComposable>
+    );
+  };
+
+  const ComposableTableSortable = () => {
+    const columns = [
+      'This is a really long table header that goes on for a long time 1.',
+      'This is a really long table header that goes on for a long time 2.',
+      'This is a really long table header that goes on for a long time 3.',
+      'This is a really long table header that goes on for a long time 4.',
+      'This is a really long table header that goes on for a long time 5.'
+    ];
+    const [rows, setRows] = React.useState([
+      ['one', 'two', 'a', 'four', 'five'],
+      ['a', 'two', 'k', 'four', 'five'],
+      ['p', 'two', 'b', 'four', 'five']
+    ]);
+    // index of the currently active column
+    const [activeSortIndex, setActiveSortIndex] = React.useState(-1);
+    // sort direction of the currently active column
+    const [activeSortDirection, setActiveSortDirection] = React.useState<'asc' | 'desc' | 'none'>('none');
+    const onSort = (event: React.MouseEvent, index: number, direction: 'asc' | 'desc' | 'none') => {
+      setActiveSortIndex(index);
+      setActiveSortDirection(direction);
+      // sorts the rows
+      const updatedRows = rows.sort((a, b) => {
+        // string sort
+        if (direction === 'asc') {
+          return a[index].localeCompare(b[index]);
+        }
+        return b[index].localeCompare(a[index]);
+      });
+      setRows(updatedRows);
+    };
+    return (
+      <TableComposable aria-label="Sortable Table">
+        <Thead>
+          <Tr>
+            {columns.map((column, columnIndex) => {
+              // In this example, wrap all but the first column just to demonstrate
+              const modifier = columnIndex !== 0 ? 'wrap' : null;
+              // In this example, make the 1st and 3rd columns sortable
+              const sortParams =
+                columnIndex === 0 || columnIndex === 2
+                  ? {
+                      activeSortIndex,
+                      activeSortDirection,
+                      onSort,
+                      columnIndex
+                    }
+                  : {};
+              return (
+                <Th key={columnIndex} modifier={modifier} {...sortParams}>
+                  {column}
+                </Th>
+              );
+            })}
+          </Tr>
+        </Thead>
+        <Tbody>
+          {rows.map((row, rowIndex) => (
+            <Tr key={rowIndex}>
+              {row.map((cell, cellIndex) => (
+                <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+                  {cell}
+                </Td>
+              ))}
+            </Tr>
+          ))}
+        </Tbody>
+      </TableComposable>
+    );
+  };
+
+  const ComposableTableSelectable = () => {
+    const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+    const rows = [
+      ['one', 'two', 'a', 'four', 'five'],
+      ['a', 'two', 'k', 'four', 'five'],
+      ['p', 'two', 'b', 'four', 'five']
+    ];
+    const [allRowsSelected, setAllRowsSelected] = React.useState(false);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const [selected, setSelected] = React.useState(rows.map(row => false));
+    const onSelect: OnSelect = (event, isSelected, rowId) => {
+      setSelected(selected.map((sel, index) => (index === rowId ? isSelected : sel)));
+      if (!isSelected && allRowsSelected) {
+        setAllRowsSelected(false);
+      } else if (isSelected && !allRowsSelected) {
+        let allSelected = true;
+        for (let i = 0; i < selected.length; i++) {
+          if (i !== rowId) {
+            if (!selected[i]) {
+              allSelected = false;
+            }
+          }
+        }
+        if (allSelected) {
+          setAllRowsSelected(true);
+        }
+      }
+    };
+    const onSelectAll: OnSelect = (event, isSelected) => {
+      setAllRowsSelected(isSelected);
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      setSelected(selected.map(sel => isSelected));
+    };
+    return (
+      <TableComposable aria-label="Selectable Table">
+        <Thead>
+          <Tr>
+            <Th columnIndex={0} onSelect={onSelectAll} isSelected={allRowsSelected} />
+            <Th columnIndex={1}>{columns[0]}</Th>
+            <Th columnIndex={2}>{columns[1]}</Th>
+            <Th columnIndex={3}>{columns[2]}</Th>
+            <Th columnIndex={4}>{columns[3]}</Th>
+            <Th columnIndex={5}>{columns[4]}</Th>
+          </Tr>
+        </Thead>
+        <Tbody>
+          {rows.map((row, rowIndex) => (
+            <Tr key={rowIndex}>
+              <Td
+                key={`${rowIndex}_0`}
+                columnIndex={0}
+                rowIndex={rowIndex}
+                onSelect={onSelect}
+                isSelected={selected[rowIndex]}
+                disableSelection={rowIndex === 1}
+              />
+              {row.map((cell, cellIndex) => {
+                const shiftedIndex = cellIndex + 1;
+                return (
+                  <Td key={`${rowIndex}_${shiftedIndex}`} columnIndex={shiftedIndex} dataLabel={columns[cellIndex]}>
+                    {cell}
+                  </Td>
+                );
+              })}
+            </Tr>
+          ))}
+        </Tbody>
+      </TableComposable>
+    );
+  };
+
+  const ComposableTableSelectableRadio = () => {
+    const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+    const rows = [
+      ['one', 'two', 'a', 'four', 'five'],
+      ['a', 'two', 'k', 'four', 'five'],
+      ['p', 'two', 'b', 'four', 'five']
+    ];
+    const [selected, setSelected] = React.useState(-1);
+    const onSelect: OnSelect = (event, isSelected, rowId) => {
+      setSelected(rowId);
+    };
+    return (
+      <TableComposable aria-label="Radio selectable table">
+        <Thead>
+          <Tr>
+            <Th columnIndex={0} />
+            <Th columnIndex={1}>{columns[0]}</Th>
+            <Th columnIndex={2}>{columns[1]}</Th>
+            <Th columnIndex={3}>{columns[2]}</Th>
+            <Th columnIndex={4}>{columns[3]}</Th>
+            <Th columnIndex={5}>{columns[4]}</Th>
+          </Tr>
+        </Thead>
+        <Tbody>
+          {rows.map((row, rowIndex) => (
+            <Tr key={rowIndex}>
+              <Td
+                key={`${rowIndex}_0`}
+                columnIndex={0}
+                rowIndex={rowIndex}
+                onSelect={onSelect}
+                isSelected={selected === rowIndex}
+                disableSelection={rowIndex === 1}
+                selectVariant="radio"
+              />
+              {row.map((cell, cellIndex) => {
+                const shiftedIndex = cellIndex + 1;
+                return (
+                  <Td key={`${rowIndex}_${shiftedIndex}`} columnIndex={shiftedIndex} dataLabel={columns[cellIndex]}>
+                    {cell}
+                  </Td>
+                );
+              })}
+            </Tr>
+          ))}
+        </Tbody>
+      </TableComposable>
+    );
+  };
+
+  const ComposableTableActions = () => {
+    const defaultActions: IActions = [
+      {
+        title: 'Some action',
+        // eslint-disable-next-line
+        onClick: (event, rowId, rowData, extra) => console.log('clicked on Some action, on row: ', rowId)
+      },
+      {
+        title: <a href="https://www.patternfly.org">Link action</a>
+      },
+      {
+        isSeparator: true
+      },
+      {
+        title: 'Third action',
+        // eslint-disable-next-line
+        onClick: (event, rowId, rowData, extra) => console.log('clicked on Third action, on row: ', rowId)
+      }
+    ];
+    const lastRowActions: IActions = [
+      {
+        title: 'Some action',
+        // eslint-disable-next-line
+        onClick: (event, rowId, rowData, extra) => console.log(`clicked on Some action, on row ${rowId}`)
+      },
+      {
+        title: <div>Another action</div>,
+        // eslint-disable-next-line
+        onClick: (event, rowId, rowData, extra) => console.log(`clicked on Another action, on row ${rowId}`)
+      },
+      {
+        isSeparator: true
+      },
+      {
+        title: 'Third action',
+        // eslint-disable-next-line
+        onClick: (event, rowId, rowData, extra) => console.log(`clicked on Third action, on row ${rowId}`)
+      }
+    ];
+    const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+    const rows = [
+      ['one', 'two', 'a', 'four', 'five'],
+      ['a', 'two', 'k', 'four', 'five'],
+      ['p', 'two', 'b', 'four', 'five'],
+      ['4', '2', 'b', 'four', 'five'],
+      ['5', '2', 'b', 'four', 'five']
+    ];
+    return (
+      <TableComposable aria-label="Actions table">
+        <Thead>
+          <Tr>
+            <Th columnIndex={0}>{columns[0]}</Th>
+            <Th columnIndex={1}>{columns[1]}</Th>
+            <Th columnIndex={2}>{columns[2]}</Th>
+            <Th columnIndex={3}>{columns[3]}</Th>
+            <Th columnIndex={4}>{columns[4]}</Th>
+            <Th columnIndex={5} />
+          </Tr>
+        </Thead>
+        <Tbody>
+          {rows.map((row, rowIndex) => (
+            <Tr key={rowIndex}>
+              {row.map((cell, cellIndex) => (
+                <Td key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
+                  {cell}
+                </Td>
+              ))}
+              <Td
+                key={`${rowIndex}_5`}
+                columnIndex={5}
+                rowIndex={rowIndex}
+                actions={rowIndex === 1 ? null : rowIndex === 4 ? lastRowActions : defaultActions}
+                actionsDisabled={rowIndex === 3}
+              />
+            </Tr>
+          ))}
+        </Tbody>
+      </TableComposable>
+    );
+  };
+
+  const ComposableTableCompact = () => {
+    const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+    const rows = [
+      ['one', 'two', 'a', 'four', 'five'],
+      ['a', 'two', 'k', 'four', 'five'],
+      ['p', 'two', 'b', 'four', 'five'],
+      ['4', '2', 'b', 'four', 'five'],
+      ['5', '2', 'b', 'four', 'five']
+    ];
+    const [variant, setVariant] = React.useState<'compact' | 'compactBorderless'>('compact');
+    const handleItemClick = (isSelected: boolean, event: React.MouseEvent) => {
+      const id = event.currentTarget.id as 'compact' | 'compactBorderless';
+      setVariant(id);
+    };
+    return (
+      <React.Fragment>
+        <ToggleGroup aria-label="Default with single selectable">
+          <ToggleGroupItem
+            text="Compact"
+            buttonId="compact"
+            isSelected={variant === 'compact'}
+            onChange={handleItemClick}
+          />
+          <ToggleGroupItem
+            text="Compact borderless"
+            buttonId="compactBorderless"
+            isSelected={variant === 'compactBorderless'}
+            onChange={handleItemClick}
+          />
+        </ToggleGroup>
+        <TableComposable aria-label="Compact Table" variant={variant}>
+          <Thead>
+            <Tr>
+              {columns.map((column, columnIndex) => (
+                <Th key={columnIndex}>{column}</Th>
+              ))}
+            </Tr>
+          </Thead>
+          <Tbody>
+            {rows.map((row, rowIndex) => (
+              <Tr key={rowIndex}>
+                {row.map((cell, cellIndex) => (
+                  <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+                    {cell}
+                  </Td>
+                ))}
+              </Tr>
+            ))}
+          </Tbody>
+        </TableComposable>
+      </React.Fragment>
+    );
+  };
+
+  const ComposableTableExpandable = () => {
+    const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+    const rowPairs: any[] = [
+      { parent: ['one', 'two', 'a', 'four', 'five'], child: null },
+      {
+        parent: ['parent 1', 'two', 'k', 'four', 'five'],
+        child: ['single cell']
+      },
+      {
+        parent: ['parent 2', 'two', 'b', 'four', 'five'],
+        child: ['single cell - fullWidth'],
+        fullWidth: true
+      },
+      {
+        parent: ['parent 3', '2', 'b', 'four', 'five'],
+        child: ['single cell - noPadding'],
+        noPadding: true
+      },
+      {
+        parent: ['parent 4', '2', 'b', 'four', 'five'],
+        child: ['single cell - fullWidth & noPadding'],
+        fullWidth: true,
+        noPadding: true
+      },
+      {
+        parent: ['parent 5', '2', 'b', 'four', 'five'],
+        child: [
+          {
+            title: "spans 'Repositories' and 'Branches'",
+            props: {
+              colSpan: 2
+            }
+          },
+          {
+            title: "spans 'Pull requests' and 'Workspaces', and 'Last commit'",
+            props: {
+              colSpan: 3
+            }
+          }
+        ]
+      },
+      {
+        parent: ['parent 6', '2', 'b', 'four', 'five'],
+        child: [
+          {
+            title: "fullWidth, spans the collapsible column and 'Repositories'",
+            props: {
+              colSpan: 2
+            }
+          },
+          {
+            title: "fullWidth, spans 'Branches' and 'Pull requests' and 'Workspaces'",
+            props: {
+              colSpan: 3
+            }
+          },
+          "fullWidth, spans 'Last commit'"
+        ],
+        fullWidth: true
+      }
+    ];
+    const numColumns = columns.length;
+    // Init all to true
+    const [expanded, setExpanded] = React.useState(
+      Object.fromEntries(Object.entries(rowPairs).map(([k]) => [k, true]))
+    );
+    const [variant, setVariant] = React.useState(null);
+    const handleItemClick = (isSelected: boolean, event: React.MouseEvent) => {
+      const id = event.currentTarget.id;
+      setVariant(id === 'default' ? null : id);
+    };
+    const handleExpansionToggle = (rowIndex: number) => {
+      setExpanded({
+        ...expanded,
+        [rowIndex]: !expanded[rowIndex]
+      });
+    };
+    let rowIndex = -1;
+    return (
+      <React.Fragment>
+        <ToggleGroup aria-label="Default with single selectable">
+          <ToggleGroupItem
+            text="Default expandable"
+            buttonId="default"
+            isSelected={variant === null}
+            onChange={handleItemClick}
+          />
+          <ToggleGroupItem
+            text="Compact expandable"
+            buttonId="compactExpandable"
+            isSelected={variant === 'compactExpandable'}
+            onChange={handleItemClick}
+          />
+        </ToggleGroup>
+        <TableComposable aria-label="Expandable Table" variant={variant}>
+          <Thead>
+            <Tr>
+              <Th columnIndex={0} />
+              <Th columnIndex={1}>{columns[0]}</Th>
+              <Th columnIndex={2}>{columns[1]}</Th>
+              <Th columnIndex={3}>{columns[2]}</Th>
+              <Th columnIndex={4}>{columns[3]}</Th>
+              <Th columnIndex={5}>{columns[4]}</Th>
+            </Tr>
+          </Thead>
+          {rowPairs.map((pair, pairIndex) => {
+            rowIndex += 1;
+            const parentRow = (
+              <Tr key={rowIndex}>
+                <Td
+                  key={`${rowIndex}_0`}
+                  rowIndex={rowIndex}
+                  columnIndex={0}
+                  isExpanded={pair.child ? expanded[pairIndex] : null}
+                  onClick={() => handleExpansionToggle(pairIndex)}
+                />
+                {pair.parent.map((cell: any, cellIndex: number) => (
+                  <Td
+                    key={`${rowIndex}_${cellIndex}`}
+                    rowIndex={rowIndex}
+                    columnIndex={cellIndex + 1}
+                    dataLabel={columns[cellIndex]}
+                  >
+                    {cell}
+                  </Td>
+                ))}
+              </Tr>
+            );
+            if (pair.child) {
+              rowIndex += 1;
+            }
+            const childRow = pair.child ? (
+              <Tr key={rowIndex} isExpanded={expanded[pairIndex] === true}>
+                {!rowPairs[pairIndex].fullWidth && <Td key={`${rowIndex}_0`} columnIndex={0} />}
+                {rowPairs[pairIndex].child.map((cell: any, cellIndex: number) => {
+                  const shift = rowPairs[pairIndex].fullWidth ? 1 : 0;
+                  const shiftedCellIndex = cellIndex + shift;
+                  return (
+                    <Td
+                      key={`${rowIndex}_${shiftedCellIndex}`}
+                      rowIndex={rowIndex}
+                      columnIndex={shiftedCellIndex}
+                      dataLabel={columns[cellIndex]}
+                      noPadding={rowPairs[pairIndex].noPadding}
+                      colSpan={
+                        rowPairs[pairIndex].child.length === 1
+                          ? numColumns + shift
+                          : cell.props && cell.props.colSpan
+                          ? cell.props.colSpan
+                          : 1
+                      }
+                    >
+                      <ExpandableRowContent>{cell.title || cell}</ExpandableRowContent>
+                    </Td>
+                  );
+                })}
+              </Tr>
+            ) : null;
+            return (
+              <Tbody key={pairIndex} isExpanded={expanded[pairIndex] === true}>
+                {parentRow}
+                {childRow}
+              </Tbody>
+            );
+          })}
+        </TableComposable>
+      </React.Fragment>
+    );
+  };
+
+  const ComposableCompoundExpandableTable = () => {
+    const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit', ''];
+    const rows = [
+      ['siemur/test-space', 10, 4, 4, '20 minutes', 'Open in Github'],
+      ['siemur/test-space', 3, 4, 2, '10 minutes', 'Open in Github']
+    ];
+    // index corresponds to row index, and value corresponds to column index of the expanded, null means no cell is expanded
+    const [activeChild, setActiveChild] = React.useState([1, null]);
+    const DemoSortableTable = ({ firstColumnRows, id }: { firstColumnRows: string[]; id: string }) => {
+      const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last Commit'];
+      const rows = [firstColumnRows, ['a', 'two', 'k', 'four', 'five'], ['p', 'two', 'b', 'four', 'five']];
+
+      return (
+        <TableComposable aria-label="Demo child table" id={id}>
+          <Thead>
+            <Tr>
+              {columns.map((column, columnIndex) => (
+                <Th key={columnIndex}>{column}</Th>
+              ))}
+            </Tr>
+          </Thead>
+          <Tbody>
+            {rows.map((row, rowIndex) => (
+              <Tr key={rowIndex}>
+                {row.map((cell, cellIndex) => (
+                  <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+                    {cell}
+                  </Td>
+                ))}
+              </Tr>
+            ))}
+          </Tbody>
+        </TableComposable>
+      );
+    };
+    // key = row_col of the parent it corresponds to
+    const childData: {
+      [key: string]: any;
+    } = {
+      '0_1': {
+        component: (
+          <DemoSortableTable
+            firstColumnRows={['parent-0', 'compound-1', 'three', 'four', 'five']}
+            id="compound-expansion-table-0_1"
+            key="0_1"
+          />
+        )
+      },
+      '0_2': {
+        component: (
+          <DemoSortableTable
+            firstColumnRows={['parent-0', 'compound-2', 'three', 'four', 'five']}
+            id="compound-expansion-table-0_2"
+            key="0_2"
+          />
+        )
+      },
+      '0_3': {
+        component: (
+          <DemoSortableTable
+            firstColumnRows={['parent-0', 'compound-3', 'three', 'four', 'five']}
+            id="compound-expansion-table-0_3"
+            key="0_3"
+          />
+        )
+      },
+      '1_1': {
+        component: (
+          <DemoSortableTable
+            firstColumnRows={['parent-1', 'compound-1', 'three', 'four', 'five']}
+            id="compound-expansion-table-1_1"
+            key="1_1"
+          />
+        )
+      },
+      '1_2': {
+        component: (
+          <DemoSortableTable
+            firstColumnRows={['parent-1', 'compound-2', 'three', 'four', 'five']}
+            id="compound-expansion-table-1_2"
+            key="1_2"
+          />
+        )
+      },
+      '1_3': {
+        component: (
+          <DemoSortableTable
+            firstColumnRows={['parent-1', 'compound-3', 'three', 'four', 'five']}
+            id="compound-expansion-table-1_3"
+            key="1_3"
+          />
+        )
+      }
+    };
+    const customRender = (cell: any, index: number) => {
+      if (index === 0) {
+        return <a href="#">{cell}</a>;
+      } else if (index === 1) {
+        return (
+          <React.Fragment>
+            <CodeBranchIcon key="icon" /> {cell}
+          </React.Fragment>
+        );
+      } else if (index === 2) {
+        return (
+          <React.Fragment>
+            <CodeIcon key="icon" /> {cell}
+          </React.Fragment>
+        );
+      } else if (index === 3) {
+        return (
+          <React.Fragment>
+            <CubeIcon key="icon" /> {cell}
+          </React.Fragment>
+        );
+      } else if (index === 5) {
+        return <a href="#">{cell}</a>;
+      }
+      return cell;
+    };
+    const isCompoundExpanded = (rowIndex: number, cellIndex: number) => {
+      // only columns 1 - 3 are compound expansion toggles in this example
+      if (1 <= cellIndex && cellIndex <= 3) {
+        return activeChild[rowIndex] === cellIndex;
+      }
+      return null;
+    };
+    return (
+      <TableComposable aria-label="Compound expandable table">
+        <Thead>
+          <Tr>
+            {columns.map((column, columnIndex) => (
+              <Th key={columnIndex} columnIndex={columnIndex}>
+                {column}
+              </Th>
+            ))}
+          </Tr>
+        </Thead>
+        {rows.map((row, rowIndex) => {
+          const isRowExpanded = activeChild[rowIndex] !== null;
+          const childIndex: string = `${rowIndex}_${activeChild[rowIndex]}`;
+          return (
+            <Tbody key={rowIndex} isExpanded={isRowExpanded}>
+              <React.Fragment>
+                <Tr>
+                  {row.map((cell, cellIndex) => (
+                    <Td
+                      key={`${rowIndex}_${cellIndex}`}
+                      rowIndex={rowIndex}
+                      columnIndex={cellIndex}
+                      dataLabel={columns[cellIndex]}
+                      component={cellIndex === 0 ? 'th' : 'td'}
+                      isCompoundExpanded={isCompoundExpanded(rowIndex, cellIndex)}
+                      onClick={() => {
+                        // only columns 1 - 3 are clickable
+                        if (1 <= cellIndex && cellIndex <= 3) {
+                          if (activeChild[rowIndex] === cellIndex) {
+                            // closing the expansion on the current toggle
+                            // set the corresponding item to null
+                            const updatedActiveChild = activeChild.map((item, index) =>
+                              index === rowIndex ? null : item
+                            );
+                            setActiveChild(updatedActiveChild);
+                          } else {
+                            // expanding
+                            // set the corresponding cell index
+                            const updatedActiveChild = activeChild.map((item, index) =>
+                              index === rowIndex ? cellIndex : item
+                            );
+                            setActiveChild(updatedActiveChild);
+                          }
+                        }
+                      }}
+                    >
+                      {customRender(cell, cellIndex)}
+                    </Td>
+                  ))}
+                </Tr>
+                {isRowExpanded && (
+                  <Tr key={`${rowIndex}-child`} isExpanded={isRowExpanded}>
+                    <Td rowIndex={rowIndex} dataLabel={columns[0]} noPadding colSpan={6}>
+                      <ExpandableRowContent>{childData[childIndex].component}</ExpandableRowContent>
+                    </Td>
+                  </Tr>
+                )}
+              </React.Fragment>
+            </Tbody>
+          );
+        })}
+      </TableComposable>
+    );
+  };
+
+  const ComposableTableCellWidth = () => {
+    const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+    const rows = [
+      ['one', 'two', 'three', 'four', 'five'],
+      ['one - 2', null, null, 'four - 2', 'five - 2'],
+      ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3']
+    ];
+    return (
+      <TableComposable aria-label="Cell widths">
+        <Thead>
+          <Tr>
+            {columns.map((column, columnIndex) => (
+              <Th
+                key={columnIndex}
+                width={columnIndex === 2 ? 40 : 15}
+                visibility={columnIndex === 2 ? ['hiddenOnMd', 'visibleOnLg'] : null}
+              >
+                {column}
+              </Th>
+            ))}
+          </Tr>
+        </Thead>
+        <Tbody>
+          {rows.map((row, rowIndex) => (
+            <Tr key={rowIndex}>
+              {row.map((cell, cellIndex) => (
+                <Td
+                  key={`${rowIndex}_${cellIndex}`}
+                  dataLabel={columns[cellIndex]}
+                  visibility={cellIndex === 2 ? ['hiddenOnMd', 'visibleOnLg'] : null}
+                >
+                  {cell}
+                </Td>
+              ))}
+            </Tr>
+          ))}
+        </Tbody>
+      </TableComposable>
+    );
+  };
+
+  const ComposableControllingText = () => {
+    const columns = [
+      'Truncate (width 20%)',
+      'Break word',
+      'Wrapping table header text. This th text will wrap instead of truncate.',
+      'Fit content',
+      'No wrap'
+    ];
+    const rows = [
+      [
+        'This text will truncate instead of wrap.',
+        <a key="a" href="#">http://thisisaverylongurlthatneedstobreakusethebreakwordmodifier.org</a>,
+        <p key="b">
+          By default,
+          <code>thead</code> cells will truncate and
+          <code>tbody</code> cells will wrap. Use
+          <code>.pf-m-wrap</code> on a<code>th</code> to change its behavior.
+        </p>,
+        "This cell's content will adjust itself to the parent th width. This modifier only affects table layouts.",
+        <a key="c" href="#">No wrap</a>
+      ]
+    ];
+    return (
+      <TableComposable aria-label="Controlling text">
+        <Thead>
+          <Tr>
+            <Th width={20}>{columns[0]}</Th>
+            <Th>{columns[1]}</Th>
+            <Th modifier="wrap">{columns[2]}</Th>
+            <Th modifier="fitContent">{columns[3]}</Th>
+            <Th>{columns[4]}</Th>
+          </Tr>
+        </Thead>
+        <Tbody>
+          {rows.map((row, rowIndex) => (
+            <Tr key={rowIndex}>
+              <Td dataLabel={columns[0]} modifier="truncate">
+                {row[0]}
+              </Td>
+              <Td dataLabel={columns[1]} modifier="breakWord">
+                {row[1]}
+              </Td>
+              <Td dataLabel={columns[2]}>{row[2]}</Td>
+              <Td dataLabel={columns[3]}>{row[3]}</Td>
+              <Td dataLabel={columns[4]} modifier="nowrap">
+                {row[4]}
+              </Td>
+            </Tr>
+          ))}
+        </Tbody>
+      </TableComposable>
+    );
+  };
+
+  const ComposableTableText = () => {
+    const columns = ['Truncating text', 'Wrapping table header text. This th text will wrap instead of truncate.'];
+    const rows = [
+      [
+        <TableText key="tt 1" wrapModifier="truncate">This text will truncate instead of wrap.</TableText>,
+        <TableText key="tt 2" wrapModifier="nowrap">
+          <a href="#">This is a link that needs to be on one line and fully readable.</a>
+        </TableText>
+      ]
+    ];
+    return (
+      <TableComposable aria-label="Table text">
+        <Thead>
+          <Tr>
+            <Th width={30}>{columns[0]}</Th>
+            <Th>{columns[1]}</Th>
+          </Tr>
+        </Thead>
+        <Tbody>
+          {rows.map((row, rowIndex) => (
+            <Tr key={rowIndex}>
+              {row.map((cell, cellIndex) => (
+                <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+                  {cell}
+                </Td>
+              ))}
+            </Tr>
+          ))}
+        </Tbody>
+      </TableComposable>
+    );
+  };
+
+  return (
+    <Stack hasGutter>
+      <StackItem>
+        <ComposableTableBasic />
+      </StackItem>
+      <StackItem>
+        <ComposableTableMisc />
+      </StackItem>
+      <StackItem>
+        <ComposableTableSortable />
+      </StackItem>
+      <StackItem>
+        <ComposableTableSelectable />
+      </StackItem>
+      <StackItem>
+        <ComposableTableSelectableRadio />
+      </StackItem>
+      <StackItem>
+        <ComposableTableActions />
+      </StackItem>
+      <StackItem>
+        <ComposableTableCompact />
+      </StackItem>
+      <StackItem>
+        <ComposableTableExpandable />
+      </StackItem>
+      <StackItem>
+        <ComposableCompoundExpandableTable />
+      </StackItem>
+      <StackItem>
+        <ComposableTableCellWidth />
+      </StackItem>
+      <StackItem>
+        <ComposableControllingText />
+      </StackItem>
+      <StackItem>
+        <ComposableTableText />
+      </StackItem>
+    </Stack>
+  );
+};
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/index.ts b/packages/react-integration/demo-app-ts/src/components/demos/index.ts
index 10aa2065bcf..e01744796cd 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/index.ts
+++ b/packages/react-integration/demo-app-ts/src/components/demos/index.ts
@@ -137,6 +137,7 @@ export * from './TableDemo/TableSimpleDemo';
 export * from './TableDemo/TableStickyHeaderDemo';
 export * from './TableDemo/TableSortableDemo';
 export * from './TableDemo/TableWidthModifiersDemo';
+export * from './TableDemo/TableComposableDemo';
 export * from './TabsDemo/TabsDemo';
 export * from './TabsDemo/TabsInsetDemo';
 export * from './TabsDemo/TabsStringEventKeyDemo';
diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index 106c25f7f15..734781f0316 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -2709,7 +2709,7 @@ ComposableCompoundExpandableTable = () => {
               </Tr>
               {isRowExpanded && (
                 <Tr key={`${rowIndex}-child`} isExpanded={isRowExpanded}>
-                  <Td rowIndex={rowIndex} dataLabel={columns[0]} noPadding colSpan="6">
+                  <Td rowIndex={rowIndex} dataLabel={columns[0]} noPadding colSpan={6}>
                     <ExpandableRowContent>
                       {childData[`${rowIndex}_${activeChild[rowIndex]}`].component}
                     </ExpandableRowContent>

From 428310f055f47989b7bae3bfbb7e3b6354a13a21 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Fri, 23 Oct 2020 11:36:53 -0400
Subject: [PATCH 23/29] demo

---
 .../demos/TableDemo/TableComposableDemo.tsx          | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx
index bb189d502ca..e67d8c996bb 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx
@@ -887,7 +887,9 @@ export const TableComposableDemo = () => {
     const rows = [
       [
         'This text will truncate instead of wrap.',
-        <a key="a" href="#">http://thisisaverylongurlthatneedstobreakusethebreakwordmodifier.org</a>,
+        <a key="a" href="#">
+          http://thisisaverylongurlthatneedstobreakusethebreakwordmodifier.org
+        </a>,
         <p key="b">
           By default,
           <code>thead</code> cells will truncate and
@@ -895,7 +897,9 @@ export const TableComposableDemo = () => {
           <code>.pf-m-wrap</code> on a<code>th</code> to change its behavior.
         </p>,
         "This cell's content will adjust itself to the parent th width. This modifier only affects table layouts.",
-        <a key="c" href="#">No wrap</a>
+        <a key="c" href="#">
+          No wrap
+        </a>
       ]
     ];
     return (
@@ -934,7 +938,9 @@ export const TableComposableDemo = () => {
     const columns = ['Truncating text', 'Wrapping table header text. This th text will wrap instead of truncate.'];
     const rows = [
       [
-        <TableText key="tt 1" wrapModifier="truncate">This text will truncate instead of wrap.</TableText>,
+        <TableText key="tt 1" wrapModifier="truncate">
+          This text will truncate instead of wrap.
+        </TableText>,
         <TableText key="tt 2" wrapModifier="nowrap">
           <a href="#">This is a link that needs to be on one line and fully readable.</a>
         </TableText>

From 4a70851fea712216577215810af4a38ee7388862 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Wed, 28 Oct 2020 13:01:29 -0400
Subject: [PATCH 24/29] info transform

---
 .../Table/HeaderCellInfoWrapper.tsx           |   3 +-
 .../src/components/Table/base/header-row.tsx  |  28 +
 .../src/components/Table/base/merge-props.ts  |   8 +
 .../src/components/Table/examples/Table.md    | 630 ++++++++++--------
 .../Table/utils/decorators/info.tsx           |  34 +
 .../components/Table/utils/transformers.tsx   |   1 +
 6 files changed, 415 insertions(+), 289 deletions(-)
 create mode 100644 packages/react-table/src/components/Table/utils/decorators/info.tsx

diff --git a/packages/react-table/src/components/Table/HeaderCellInfoWrapper.tsx b/packages/react-table/src/components/Table/HeaderCellInfoWrapper.tsx
index 72f06a4dc82..e478fdd0bce 100644
--- a/packages/react-table/src/components/Table/HeaderCellInfoWrapper.tsx
+++ b/packages/react-table/src/components/Table/HeaderCellInfoWrapper.tsx
@@ -3,6 +3,7 @@ import HelpIcon from '@patternfly/react-icons/dist/js/icons/help-icon';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 import { Button, Tooltip, Popover, TooltipProps, PopoverProps } from '@patternfly/react-core';
+import { TableText } from './TableText';
 
 export interface ColumnHelpWrapperProps {
   /**
@@ -45,7 +46,7 @@ export const HeaderCellInfoWrapper: React.FunctionComponent<ColumnHelpWrapperPro
   ariaLabel
 }: ColumnHelpWrapperProps) => (
   <div className={css(styles.tableColumnHelp, className)}>
-    {children}
+    {typeof children === 'string' ? <TableText>{children}</TableText> : children}
     <span className={css(styles.tableColumnHelpAction)}>
       {variant === 'tooltip' ? (
         <Tooltip content={info} {...tooltipProps}>
diff --git a/packages/react-table/src/components/Table/base/header-row.tsx b/packages/react-table/src/components/Table/base/header-row.tsx
index f7cd078f310..477bf22bd43 100644
--- a/packages/react-table/src/components/Table/base/header-row.tsx
+++ b/packages/react-table/src/components/Table/base/header-row.tsx
@@ -45,6 +45,34 @@ export const HeaderRow: React.FunctionComponent<HeaderRowProps> = ({
 
       let cellNode;
       const { tooltip, tooltipProps, popover, popoverProps, ariaLabel, className } = info;
+      // consumer can specify header cell tooltip/popover in two ways, but the transforms approach is preferred,
+      // especially for sorting tables that use `transforms: [sortable]`
+      // {
+      //   title: 'Repositories',
+      //   header: {
+      //     info: {
+      //       tooltip: 'More information about repositories',
+      //       className: 'repositories-info-tip',
+      //       tooltipProps: {
+      //         isContentLeftAligned: true
+      //       }
+      //     }
+      //   }
+      // }
+      //
+      // {
+      //   title: 'Repositories',
+      //   transforms: [
+      //     info({
+      //       tooltip: 'More information about repositories',
+      //       className: 'repositories-info-tip',
+      //       tooltipProps: {
+      //         isContentLeftAligned: true
+      //       }
+      //     }),
+      //     sortable
+      //   ]
+      // },
       if (tooltip) {
         cellNode = (
           <HeaderCellInfoWrapper
diff --git a/packages/react-table/src/components/Table/base/merge-props.ts b/packages/react-table/src/components/Table/base/merge-props.ts
index 8f4bf694038..2df72052f9c 100644
--- a/packages/react-table/src/components/Table/base/merge-props.ts
+++ b/packages/react-table/src/components/Table/base/merge-props.ts
@@ -4,6 +4,7 @@
  * Forked from reactabular-table version 8.14.0
  * https://github.com/reactabular/reactabular/tree/v8.14.0/packages/reactabular-table/src
  */
+import * as React from 'react';
 import mergeWith from 'lodash/mergeWith';
 import { css } from '@patternfly/react-styles';
 
@@ -21,6 +22,13 @@ export function mergeProps(...props: any) {
   // Avoid mutating the first prop collection
   return mergeWith(mergeWith({}, firstProps), ...restProps, (a: any, b: any, key: any) => {
     if (key === 'children') {
+      if (a && b) {
+        // compose the two
+        return React.cloneElement(a, {
+          children: b
+        });
+      }
+
       // Children have to be merged in reverse order for Reactabular
       // logic to work.
       return { ...b, ...a };
diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index d14e9c00b29..18fe45933b4 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -2,38 +2,58 @@
 id: Table
 cssPrefix: pf-c-table
 section: components
-propComponents: ['Table', 'TableHeader', 'TableBody', 'EditableSelectInputCell', 'EditableTextCell', 'RowErrors', 'IHeaderRow', 'IRowData', 'IColumn', 'IExtraRowData', 'IExtraColumnData', 'ISortBy', 'IAction', 'ISeparator', 'ICell', 'IRowCell', 'IValidatorDef', 'IRow']
+propComponents:
+  [
+    'Table',
+    'TableHeader',
+    'TableBody',
+    'EditableSelectInputCell',
+    'EditableTextCell',
+    'RowErrors',
+    'IHeaderRow',
+    'IRowData',
+    'IColumn',
+    'IExtraRowData',
+    'IExtraColumnData',
+    'ISortBy',
+    'IAction',
+    'ISeparator',
+    'ICell',
+    'IRowCell',
+    'IValidatorDef',
+    'IRow',
+  ]
 ouia: true
 ---
 
 Note: Table lives in its own package at [@patternfly/react-table](https://www.npmjs.com/package/@patternfly/react-table)!
 
 import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableText,
-  sortable,
-  SortByDirection,
-  headerCol,
-  TableVariant,
-  expandable,
-  compoundExpand,
-  cellWidth,
-  textCenter,
-  wrappable,
-  truncate,
-  nowrap,
-  breakWord,
-  fitContent,
-  classNames,
-  Visibility,
-  getErrorTextByValidator,
-  cancelCellEdits,
-  validateCellEdits,
-  applyCellEdits,
-  EditableTextCell,
-  EditableSelectInputCell
+Table,
+TableHeader,
+TableBody,
+TableText,
+sortable,
+SortByDirection,
+headerCol,
+TableVariant,
+expandable,
+compoundExpand,
+cellWidth,
+textCenter,
+wrappable,
+truncate,
+nowrap,
+breakWord,
+fitContent,
+classNames,
+Visibility,
+getErrorTextByValidator,
+cancelCellEdits,
+validateCellEdits,
+applyCellEdits,
+EditableTextCell,
+EditableSelectInputCell
 } from '@patternfly/react-table';
 
 import { EmptyStateIcon } from '@patternfly/react-core';
@@ -51,15 +71,11 @@ import DemoSortableTable from './DemoSortableTable';
 ## Examples
 
 ### Basic
+
 ```js
 import React from 'react';
 
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  textCenter,
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, textCenter, info } from '@patternfly/react-table';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 
 class SimpleTable extends React.Component {
@@ -67,31 +83,35 @@ class SimpleTable extends React.Component {
     super(props);
     this.state = {
       columns: [
-        { 
+        {
           title: 'Repositories',
-          header: {
-            info: {
+          transforms: [
+            info({
               tooltip: 'More information about repositories',
               className: 'repositories-info-tip',
               tooltipProps: {
                 isContentLeftAligned: true
               }
-            }
-          }
+            })
+          ]
         },
         'Branches',
-        { 
+        {
           title: 'Pull requests',
-          header: {
-            info: {
-              popover: <div>More <strong>information</strong> on pull requests</div>,
+          transforms: [
+            info({
+              popover: (
+                <div>
+                  More <strong>information</strong> on pull requests
+                </div>
+              ),
               ariaLabel: 'More information on pull requests',
               popoverProps: {
                 headerContent: 'Pull requests',
                 footerContent: <a href="">Click here for even more info</a>
               }
-            }
-          }
+            })
+          ]
         },
         'Workspaces',
         {
@@ -135,7 +155,7 @@ class SimpleTable extends React.Component {
 
     return (
       <Table aria-label="Simple Table" cells={columns} rows={rows}>
-        <TableHeader className={styles.modifiers.nowrap}/>
+        <TableHeader className={styles.modifiers.nowrap} />
         <TableBody />
       </Table>
     );
@@ -143,26 +163,17 @@ class SimpleTable extends React.Component {
 }
 ```
 
-
 ### Row click handler
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody } from '@patternfly/react-table';
 
 class RowClickTable extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      columns: [
-        { title: 'Repositories' },
-        'Branches',
-        { title: 'Pull requests' },
-        'Workspaces'
-      ],
+      columns: [{ title: 'Repositories' }, 'Branches', { title: 'Pull requests' }, 'Workspaces'],
       rows: [
         {
           cells: ['Repositories one', 'Branches one', 'Pull requests one', 'Workspaces one']
@@ -177,7 +188,7 @@ class RowClickTable extends React.Component {
     };
     this.rowClickHandler = (event, row) => {
       console.log('handle row click', row);
-    }
+    };
   }
 
   render() {
@@ -194,13 +205,10 @@ class RowClickTable extends React.Component {
 ```
 
 ### Custom row wrapper
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody } from '@patternfly/react-table';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 
@@ -208,12 +216,7 @@ class RowWrapperTable extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      columns: [
-        { title: 'Repositories' },
-        'Branches',
-        { title: 'Pull requests' },
-        'Workspaces'
-      ],
+      columns: [{ title: 'Repositories' }, 'Branches', { title: 'Pull requests' }, 'Workspaces'],
       rows: [
         {
           cells: ['Repositories one', 'Branches one', 'Pull requests one', 'Workspaces one']
@@ -226,24 +229,18 @@ class RowWrapperTable extends React.Component {
         }
       ]
     };
-    this.customRowWrapper = ({
-      trRef,
-      className,
-      rowProps,
-      row: { isExpanded, isHeightAuto },
-      ...props
-    }) => {
+    this.customRowWrapper = ({ trRef, className, rowProps, row: { isExpanded, isHeightAuto }, ...props }) => {
       const isOddRow = (rowProps.rowIndex + 1) % 2;
       const customStyle = {
         borderLeft: '3px solid var(--pf-global--primary-color--100)'
-      }
+      };
       return (
         <tr
           {...props}
           ref={trRef}
           className={css(
             className,
-            (isOddRow ? 'odd-row-class' : 'even-row-class'),
+            isOddRow ? 'odd-row-class' : 'even-row-class',
             'custom-static-class',
             isExpanded !== undefined && styles.tableExpandableRow,
             isExpanded && styles.modifiers.expanded,
@@ -253,14 +250,19 @@ class RowWrapperTable extends React.Component {
           style={isOddRow ? customStyle : {}}
         />
       );
-    }
+    };
   }
 
   render() {
     const { columns, rows } = this.state;
 
     return (
-      <Table caption="Table with custom row wrapper that styles odd rows" cells={columns} rows={rows} rowWrapper={this.customRowWrapper}>
+      <Table
+        caption="Table with custom row wrapper that styles odd rows"
+        cells={columns}
+        rows={rows}
+        rowWrapper={this.customRowWrapper}
+      >
         <TableHeader />
         <TableBody />
       </Table>
@@ -270,15 +272,10 @@ class RowWrapperTable extends React.Component {
 ```
 
 ### Sortable
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  sortable,
-  SortByDirection
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, sortable, info, SortByDirection } from '@patternfly/react-table';
 
 class SortableTable extends React.Component {
   constructor(props) {
@@ -286,12 +283,31 @@ class SortableTable extends React.Component {
     this.state = {
       columns: [
         { title: 'Repositories', transforms: [sortable] },
-        'Branches',
+        {
+          title: 'Branches',
+          transforms: [
+            info({
+              tooltip: 'More information about branches'
+            }),
+            sortable
+          ]
+        },
         { title: 'Pull requests', transforms: [sortable] },
         'Workspaces',
-        'Last Commit'
+        {
+          title: 'Last commit',
+          transforms: [
+            info({
+              tooltip: 'More information about commits'
+            })
+          ]
+        }
+      ],
+      rows: [
+        ['one', 'two', 'a', 'four', 'five'],
+        ['a', 'two', 'k', 'four', 'five'],
+        ['p', 'two', 'b', 'four', 'five']
       ],
-      rows: [['one', 'two', 'a', 'four', 'five'], ['a', 'two', 'k', 'four', 'five'], ['p', 'two', 'b', 'four', 'five']],
       sortBy: {}
     };
     this.onSort = this.onSort.bind(this);
@@ -322,16 +338,10 @@ class SortableTable extends React.Component {
 ```
 
 ### Sortable with wrapping headers
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  sortable,
-  SortByDirection,
-  wrappable,
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, sortable, SortByDirection, wrappable } from '@patternfly/react-table';
 
 class SortableWrappingHeaders extends React.Component {
   constructor(props) {
@@ -348,7 +358,7 @@ class SortableWrappingHeaders extends React.Component {
         },
         {
           title: 'This is a really long table header that goes on for a long time 3.',
-          transforms: [sortable,wrappable]
+          transforms: [sortable, wrappable]
         },
         {
           title: 'This is a really long table header that goes on for a long time 4.',
@@ -357,9 +367,13 @@ class SortableWrappingHeaders extends React.Component {
         {
           title: 'This is a really long table header that goes on for a long time 5.',
           transforms: [sortable, wrappable]
-        },
+        }
+      ],
+      rows: [
+        ['one', 'two', 'a', 'four', 'five'],
+        ['a', 'two', 'k', 'four', 'five'],
+        ['p', 'two', 'b', 'four', 'five']
       ],
-      rows: [['one', 'two', 'a', 'four', 'five'], ['a', 'two', 'k', 'four', 'five'], ['p', 'two', 'b', 'four', 'five']],
       sortBy: {}
     };
     this.onSort = this.onSort.bind(this);
@@ -380,7 +394,13 @@ class SortableWrappingHeaders extends React.Component {
     const { columns, rows, sortBy } = this.state;
 
     return (
-      <Table aria-label="Sortable with Wrapping Headers" sortBy={sortBy} onSort={this.onSort} cells={columns} rows={rows}>
+      <Table
+        aria-label="Sortable with Wrapping Headers"
+        sortBy={sortBy}
+        onSort={this.onSort}
+        cells={columns}
+        rows={rows}
+      >
         <TableHeader />
         <TableBody />
       </Table>
@@ -390,6 +410,7 @@ class SortableWrappingHeaders extends React.Component {
 ```
 
 ### Selectable
+
 ```js
 import React from 'react';
 import {
@@ -403,9 +424,7 @@ import {
   expandable,
   cellWidth
 } from '@patternfly/react-table';
-import {
-    Checkbox
-} from '@patternfly/react-core';
+import { Checkbox } from '@patternfly/react-core';
 
 class SelectableTable extends React.Component {
   constructor(props) {
@@ -424,7 +443,7 @@ class SelectableTable extends React.Component {
         },
         {
           cells: ['a', 'two', 'k', 'four', 'five'],
-          disableSelection: true,
+          disableSelection: true
         },
         {
           cells: ['p', 'two', 'b', 'four', 'five']
@@ -471,13 +490,14 @@ class SelectableTable extends React.Component {
           aria-label="toggle select all checkbox"
           id="toggle-select-all"
           name="toggle-select-all"
-          />
+        />
         <Table
           onSelect={this.onSelect}
           canSelectAll={canSelectAll}
           aria-label="Selectable Table"
           cells={columns}
-          rows={rows}>
+          rows={rows}
+        >
           <TableHeader />
           <TableBody />
         </Table>
@@ -488,6 +508,7 @@ class SelectableTable extends React.Component {
 ```
 
 ### Selectable radio input
+
 ```js
 import React from 'react';
 import {
@@ -520,12 +541,12 @@ class SelectableTable extends React.Component {
         },
         {
           cells: ['a', 'two', 'k', 'four', 'five'],
-          disableSelection: true,
+          disableSelection: true
         },
         {
           cells: ['p', 'two', 'b', 'four', 'five']
         }
-      ],
+      ]
     };
     this.onSelect = this.onSelect.bind(this);
     this.toggleSelect = this.toggleSelect.bind(this);
@@ -556,7 +577,8 @@ class SelectableTable extends React.Component {
         selectVariant={RowSelectVariant.radio}
         aria-label="Selectable Table"
         cells={columns}
-        rows={rows}>
+        rows={rows}
+      >
         <TableHeader />
         <TableBody />
       </Table>
@@ -566,14 +588,10 @@ class SelectableTable extends React.Component {
 ```
 
 ### Simple actions
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  headerCol
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, headerCol } from '@patternfly/react-table';
 
 class SimpleActionsTable extends React.Component {
   constructor(props) {
@@ -630,14 +648,10 @@ class SimpleActionsTable extends React.Component {
 ```
 
 ### Actions
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  headerCol
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, headerCol } from '@patternfly/react-table';
 
 class ActionsTable extends React.Component {
   constructor(props) {
@@ -653,7 +667,7 @@ class ActionsTable extends React.Component {
       rows: [
         {
           cells: ['one', 'two', 'a', 'four', 'five'],
-          type: 'green',
+          type: 'green'
         },
         {
           cells: ['a', 'two', 'k', 'four', 'five'],
@@ -719,8 +733,8 @@ class ActionsTable extends React.Component {
         rows={rows}
         actionResolver={this.actionResolver}
         areActionsDisabled={this.areActionsDisabled}
-        dropdownPosition='right'
-        dropdownDirection='up'
+        dropdownPosition="right"
+        dropdownDirection="up"
       >
         <TableHeader />
         <TableBody />
@@ -731,14 +745,10 @@ class ActionsTable extends React.Component {
 ```
 
 ### First cell as header
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  headerCol
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, headerCol } from '@patternfly/react-table';
 
 class CellHeader extends React.Component {
   constructor(props) {
@@ -769,14 +779,10 @@ class CellHeader extends React.Component {
 ```
 
 ### Compact
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableVariant
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, TableVariant } from '@patternfly/react-table';
 
 class CompactTable extends React.Component {
   constructor(props) {
@@ -788,7 +794,11 @@ class CompactTable extends React.Component {
         { title: 'Pull requests', props: { className: 'pf-u-text-align-center' } },
         { title: '' /* deliberately empty */, dataLabel: 'Label for mobile view' }
       ],
-      rows: [['one', 'two', 'three', 'four'], ['one', 'two', 'three', 'four'], ['one', 'two', 'three', 'four']]
+      rows: [
+        ['one', 'two', 'three', 'four'],
+        ['one', 'two', 'three', 'four'],
+        ['one', 'two', 'three', 'four']
+      ]
     };
   }
 
@@ -806,14 +816,10 @@ class CompactTable extends React.Component {
 ```
 
 ### Compact borderless rows
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableVariant
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, TableVariant } from '@patternfly/react-table';
 
 class CompactTableBorderlessRows extends React.Component {
   constructor(props) {
@@ -825,7 +831,11 @@ class CompactTableBorderlessRows extends React.Component {
         { title: 'Pull requests', props: { className: 'pf-u-text-align-center' } },
         { title: '' /* deliberately empty */, dataLabel: 'Label for mobile view' }
       ],
-      rows: [['one', 'two', 'three', 'four'], ['one', 'two', 'three', 'four'], ['one', 'two', 'three', 'four']]
+      rows: [
+        ['one', 'two', 'three', 'four'],
+        ['one', 'two', 'three', 'four'],
+        ['one', 'two', 'three', 'four']
+      ]
     };
   }
 
@@ -849,15 +859,10 @@ class CompactTableBorderlessRows extends React.Component {
 ```
 
 ### Compact expandable
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableVariant,
-  expandable
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, TableVariant, expandable } from '@patternfly/react-table';
 
 class CompactExpandableTable extends React.Component {
   constructor(props) {
@@ -953,7 +958,7 @@ class CompactExpandableTable extends React.Component {
                 colSpan: 2
               }
             },
-            "fullWidth, spans the empty column"
+            'fullWidth, spans the empty column'
           ]
         }
       ]
@@ -993,14 +998,10 @@ class CompactExpandableTable extends React.Component {
 ```
 
 ### Expandable
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  expandable
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, expandable } from '@patternfly/react-table';
 
 class ExpandableTable extends React.Component {
   constructor(props) {
@@ -1080,14 +1081,10 @@ class ExpandableTable extends React.Component {
 ```
 
 ### Compound expandable
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  compoundExpand
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, compoundExpand } from '@patternfly/react-table';
 
 import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-icon';
 import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
@@ -1124,14 +1121,14 @@ class CompoundExpandableTable extends React.Component {
         {
           isOpen: true,
           cells: [
-            { title: <a href="#">siemur/test-space</a>, props: { component: 'th'} },
+            { title: <a href="#">siemur/test-space</a>, props: { component: 'th' } },
             {
               title: (
                 <React.Fragment>
                   <CodeBranchIcon key="icon" /> 10
                 </React.Fragment>
               ),
-              props: { isOpen: true, ariaControls : 'compound-expansion-table-1' }
+              props: { isOpen: true, ariaControls: 'compound-expansion-table-1' }
             },
             {
               title: (
@@ -1139,7 +1136,7 @@ class CompoundExpandableTable extends React.Component {
                   <CodeIcon key="icon" /> 4
                 </React.Fragment>
               ),
-              props: { isOpen: false, ariaControls : 'compound-expansion-table-2' }
+              props: { isOpen: false, ariaControls: 'compound-expansion-table-2' }
             },
             {
               title: (
@@ -1147,7 +1144,7 @@ class CompoundExpandableTable extends React.Component {
                   <CubeIcon key="icon" /> 4
                 </React.Fragment>
               ),
-              props: { isOpen: false, ariaControls : 'compound-expansion-table-3' }
+              props: { isOpen: false, ariaControls: 'compound-expansion-table-3' }
             },
             '20 minutes',
             { title: <a href="#">Open in Github</a> }
@@ -1158,7 +1155,12 @@ class CompoundExpandableTable extends React.Component {
           compoundParent: 1,
           cells: [
             {
-              title: <DemoSortableTable firstColumnRows={['parent-0', 'compound-1', 'three', 'four','five']} id="compound-expansion-table-1" />,
+              title: (
+                <DemoSortableTable
+                  firstColumnRows={['parent-0', 'compound-1', 'three', 'four', 'five']}
+                  id="compound-expansion-table-1"
+                />
+              ),
               props: { colSpan: 6, className: 'pf-m-no-padding' }
             }
           ]
@@ -1168,7 +1170,12 @@ class CompoundExpandableTable extends React.Component {
           compoundParent: 2,
           cells: [
             {
-              title: <DemoSortableTable firstColumnRows={['parent-0', 'compound-2', 'three', 'four','five']} id="compound-expansion-table-2" />,
+              title: (
+                <DemoSortableTable
+                  firstColumnRows={['parent-0', 'compound-2', 'three', 'four', 'five']}
+                  id="compound-expansion-table-2"
+                />
+              ),
               props: { colSpan: 6, className: 'pf-m-no-padding' }
             }
           ]
@@ -1178,7 +1185,12 @@ class CompoundExpandableTable extends React.Component {
           compoundParent: 3,
           cells: [
             {
-              title: <DemoSortableTable firstColumnRows={['parent-0', 'compound-3', 'three', 'four','five']} id="compound-expansion-table-3" />,
+              title: (
+                <DemoSortableTable
+                  firstColumnRows={['parent-0', 'compound-3', 'three', 'four', 'five']}
+                  id="compound-expansion-table-3"
+                />
+              ),
               props: { colSpan: 6, className: 'pf-m-no-padding' }
             }
           ]
@@ -1186,14 +1198,14 @@ class CompoundExpandableTable extends React.Component {
         {
           isOpen: false,
           cells: [
-            { title: <a href="#">siemur/test-space</a>, props: { component: 'th'} },
+            { title: <a href="#">siemur/test-space</a>, props: { component: 'th' } },
             {
               title: (
                 <React.Fragment>
                   <CodeBranchIcon key="icon" /> 3
                 </React.Fragment>
               ),
-              props: { isOpen: false, ariaControls : 'compound-expansion-table-4' }
+              props: { isOpen: false, ariaControls: 'compound-expansion-table-4' }
             },
             {
               title: (
@@ -1201,7 +1213,7 @@ class CompoundExpandableTable extends React.Component {
                   <CodeIcon key="icon" /> 4
                 </React.Fragment>
               ),
-              props: { isOpen: false, ariaControls : 'compound-expansion-table-5' }
+              props: { isOpen: false, ariaControls: 'compound-expansion-table-5' }
             },
             {
               title: (
@@ -1209,7 +1221,7 @@ class CompoundExpandableTable extends React.Component {
                   <CubeIcon key="icon" /> 2
                 </React.Fragment>
               ),
-              props: { isOpen: false, ariaControls : 'compound-expansion-table-6' }
+              props: { isOpen: false, ariaControls: 'compound-expansion-table-6' }
             },
             '20 minutes',
             { title: <a href="#">Open in Github</a> }
@@ -1220,7 +1232,12 @@ class CompoundExpandableTable extends React.Component {
           compoundParent: 1,
           cells: [
             {
-              title: <DemoSortableTable firstColumnRows={['parent-4', 'compound-1', 'three', 'four','five']} id="compound-expansion-table-4" />,
+              title: (
+                <DemoSortableTable
+                  firstColumnRows={['parent-4', 'compound-1', 'three', 'four', 'five']}
+                  id="compound-expansion-table-4"
+                />
+              ),
               props: { colSpan: 6, className: 'pf-m-no-padding' }
             }
           ]
@@ -1230,7 +1247,12 @@ class CompoundExpandableTable extends React.Component {
           compoundParent: 2,
           cells: [
             {
-              title: <DemoSortableTable firstColumnRows={['parent-4', 'compound-2', 'three', 'four','five']} id="compound-expansion-table-5"/>,
+              title: (
+                <DemoSortableTable
+                  firstColumnRows={['parent-4', 'compound-2', 'three', 'four', 'five']}
+                  id="compound-expansion-table-5"
+                />
+              ),
               props: { colSpan: 6, className: 'pf-m-no-padding' }
             }
           ]
@@ -1240,7 +1262,12 @@ class CompoundExpandableTable extends React.Component {
           compoundParent: 3,
           cells: [
             {
-              title: <DemoSortableTable firstColumnRows={['parent-4', 'compound-3', 'three', 'four','five']} id="compound-expansion-table-6"/>,
+              title: (
+                <DemoSortableTable
+                  firstColumnRows={['parent-4', 'compound-3', 'three', 'four', 'five']}
+                  id="compound-expansion-table-6"
+                />
+              ),
               props: { colSpan: 6, className: 'pf-m-no-padding' }
             }
           ]
@@ -1282,14 +1309,10 @@ class CompoundExpandableTable extends React.Component {
 ```
 
 ### With width modifiers
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  cellWidth
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, cellWidth } from '@patternfly/react-table';
 
 class WidthTable extends React.Component {
   constructor(props) {
@@ -1323,16 +1346,10 @@ class WidthTable extends React.Component {
 ```
 
 ### Breakpoint modifiers
+
 ```js
 import React from 'react';
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  sortable,
-  classNames,
-  Visibility
-} from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, sortable, classNames, Visibility } from '@patternfly/react-table';
 
 class HiddenVisibleBreakpointTable extends React.Component {
   constructor(props) {
@@ -1341,7 +1358,9 @@ class HiddenVisibleBreakpointTable extends React.Component {
       columns: [
         {
           title: 'Repositories',
-          columnTransforms: [classNames(Visibility.hidden, Visibility.visibleOnMd, Visibility.hiddenOnLg, Visibility.visibleOn_2xl)]
+          columnTransforms: [
+            classNames(Visibility.hidden, Visibility.visibleOnMd, Visibility.hiddenOnLg, Visibility.visibleOn_2xl)
+          ]
         },
         'Branches',
         {
@@ -1377,6 +1396,7 @@ class HiddenVisibleBreakpointTable extends React.Component {
 ```
 
 ### Controlling text
+
 ```js
 import React from 'react';
 import {
@@ -1388,7 +1408,7 @@ import {
   nowrap,
   breakWord,
   cellWidth,
-  fitContent,
+  fitContent
 } from '@patternfly/react-table';
 
 class ControllingText extends React.Component {
@@ -1396,24 +1416,28 @@ class ControllingText extends React.Component {
     super(props);
     this.state = {
       columns: [
-        {title: 'Truncate (width 20%)', transforms: [cellWidth(20)], cellTransforms: [truncate]},
-        {title: 'Break word', cellTransforms: [breakWord]},
-        {title: 'Wrapping table header text. This th text will wrap instead of truncate.', transforms: [wrappable]},
-        {title: 'Fit content', transforms: [fitContent]},
-        {title: '', cellTransforms: [nowrap]},
+        { title: 'Truncate (width 20%)', transforms: [cellWidth(20)], cellTransforms: [truncate] },
+        { title: 'Break word', cellTransforms: [breakWord] },
+        { title: 'Wrapping table header text. This th text will wrap instead of truncate.', transforms: [wrappable] },
+        { title: 'Fit content', transforms: [fitContent] },
+        { title: '', cellTransforms: [nowrap] }
       ],
       rows: [
         [
           'This text will truncate instead of wrap.',
-          {title: <a href="#">http://thisisaverylongurlthatneedstobreakusethebreakwordmodifier.org</a>},
-          {title: <p>By default,
-            <code>thead</code> cells will truncate and
-            <code>tbody</code> cells will wrap. Use
-            <code>.pf-m-wrap</code> on a
-            <code>th</code> to change its behavior.</p>
+          { title: <a href="#">http://thisisaverylongurlthatneedstobreakusethebreakwordmodifier.org</a> },
+          {
+            title: (
+              <p>
+                By default,
+                <code>thead</code> cells will truncate and
+                <code>tbody</code> cells will wrap. Use
+                <code>.pf-m-wrap</code> on a<code>th</code> to change its behavior.
+              </p>
+            )
           },
-          'This cell\'s content will adjust itself to the parent th width. This modifier only affects table layouts.',
-          {title: <a href="#">No wrap</a>}
+          "This cell's content will adjust itself to the parent th width. This modifier only affects table layouts.",
+          { title: <a href="#">No wrap</a> }
         ]
       ]
     };
@@ -1433,6 +1457,7 @@ class ControllingText extends React.Component {
 ```
 
 ### Modifiers with table text
+
 ```js
 import React from 'react';
 import {
@@ -1445,7 +1470,7 @@ import {
   nowrap,
   breakWord,
   cellWidth,
-  fitContent,
+  fitContent
 } from '@patternfly/react-table';
 
 class ModifiersWithTableText extends React.Component {
@@ -1453,13 +1478,19 @@ class ModifiersWithTableText extends React.Component {
     super(props);
     this.state = {
       columns: [
-        {title: 'Truncating text', transforms: [cellWidth(30)]},
-        {title: 'Wrapping table header text. This th text will wrap instead of truncate.'},
+        { title: 'Truncating text', transforms: [cellWidth(30)] },
+        { title: 'Wrapping table header text. This th text will wrap instead of truncate.' }
       ],
       rows: [
         [
-          {title: <TableText wrapModifier='truncate'>This text will truncate instead of wrap.</TableText>},
-          {title: <TableText wrapModifier='nowrap'><a href="#">This is a link that needs to be on one line and fully readable.</a></TableText>},
+          { title: <TableText wrapModifier="truncate">This text will truncate instead of wrap.</TableText> },
+          {
+            title: (
+              <TableText wrapModifier="nowrap">
+                <a href="#">This is a link that needs to be on one line and fully readable.</a>
+              </TableText>
+            )
+          }
         ]
       ]
     };
@@ -1479,37 +1510,47 @@ class ModifiersWithTableText extends React.Component {
 ```
 
 ### Empty state
+
 ```js
 import React from 'react';
 import { Table, TableHeader, TableBody } from '@patternfly/react-table';
-import { Button, EmptyState, EmptyStateBody, EmptyStatePrimary, Bullseye, Title, EmptyStateIcon } from '@patternfly/react-core';
+import {
+  Button,
+  EmptyState,
+  EmptyStateBody,
+  EmptyStatePrimary,
+  Bullseye,
+  Title,
+  EmptyStateIcon
+} from '@patternfly/react-core';
 import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
 
 EmptyStateTable = () => {
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last Commit']
-  const rows = []
+  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last Commit'];
+  const rows = [];
   return (
     <React.Fragment>
-    <Table caption="Empty State Table Example" cells={columns} rows={rows}>
-      <TableHeader />
-      <TableBody />
-    </Table>
-    <EmptyState variant={EmptyStateVariant.small}>
-      <EmptyStateIcon icon={SearchIcon} />
-      <Title headingLevel="h2" size="lg">
-        No results found
-      </Title>
-      <EmptyStateBody>
-        No results match the filter criteria. Remove all filters or clear all filters to show results.
-      </EmptyStateBody>
-      <Button variant="link">Clear all filters</Button>
-    </EmptyState>
+      <Table caption="Empty State Table Example" cells={columns} rows={rows}>
+        <TableHeader />
+        <TableBody />
+      </Table>
+      <EmptyState variant={EmptyStateVariant.small}>
+        <EmptyStateIcon icon={SearchIcon} />
+        <Title headingLevel="h2" size="lg">
+          No results found
+        </Title>
+        <EmptyStateBody>
+          No results match the filter criteria. Remove all filters or clear all filters to show results.
+        </EmptyStateBody>
+        <Button variant="link">Clear all filters</Button>
+      </EmptyState>
     </React.Fragment>
   );
-}
+};
 ```
 
 ### Editable rows
+
 ```js isBeta
 import React from 'react';
 import { TextInput, SelectOption } from '@patternfly/react-core';
@@ -1531,16 +1572,13 @@ class EditableRowsTable extends React.Component {
     super(props);
 
     this.state = {
-      columns: [
-        'Text input col 1',
-        'Disabled text input col 2',
-        'Text input col 3',
-        'Text input col 4'
+      columns: ['Text input col 1', 'Disabled text input col 2', 'Text input col 3', 'Text input col 4'],
+      actions: [
+        {
+          title: 'Some action',
+          onClick: (event, rowId, rowData, extra) => console.log('clicked on Some action, on row: ', rowId)
+        }
       ],
-      actions: [{
-        title: 'Some action',
-        onClick: (event, rowId, rowData, extra) => console.log('clicked on Some action, on row: ', rowId)
-      }],
       rows: [
         {
           rowEditBtnAriaLabel: idx => `Edit row ${idx}`,
@@ -1562,7 +1600,8 @@ class EditableRowsTable extends React.Component {
                   cellIndex={cellIndex}
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
-                  inputAriaLabel="Row 1 cell 1 content" />
+                  inputAriaLabel="Row 1 cell 1 content"
+                />
               ),
               props: {
                 value: 'Row 1 cell 1 content',
@@ -1578,7 +1617,8 @@ class EditableRowsTable extends React.Component {
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
                   isDisabled
-                  inputAriaLabel="Row 1 cell 2 content" />
+                  inputAriaLabel="Row 1 cell 2 content"
+                />
               ),
               props: {
                 value: 'Row 1 cell 2, disabled content',
@@ -1593,7 +1633,8 @@ class EditableRowsTable extends React.Component {
                   cellIndex={cellIndex}
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
-                  inputAriaLabel="Row 1 cell 3 content" />
+                  inputAriaLabel="Row 1 cell 3 content"
+                />
               ),
               props: {
                 value: 'Row 1 cell 3 content',
@@ -1617,7 +1658,9 @@ class EditableRowsTable extends React.Component {
                       isPlaceholder={option.isPlaceholder}
                     />
                   ))}
-                  onToggle={(isOpen) => {this.onToggle(isOpen, rowIndex, cellIndex)}}
+                  onToggle={isOpen => {
+                    this.onToggle(isOpen, rowIndex, cellIndex);
+                  }}
                   selections={props.selected}
                 />
               ),
@@ -1627,19 +1670,19 @@ class EditableRowsTable extends React.Component {
                 isSelectOpen: props.isSelectOpen || false,
                 selected: props.selected || ['Option 1'],
                 options: [
-                  {value: 'Placeholder...', isPlaceholder: true},
-                  {value: 'Option 1'},
-                  {value: 'Option 2'},
-                  {value: 'Option 3'},
-                  {value: 'Option 4'},
-                  {value: 'Option 5'}
+                  { value: 'Placeholder...', isPlaceholder: true },
+                  { value: 'Option 1' },
+                  { value: 'Option 2' },
+                  { value: 'Option 3' },
+                  { value: 'Option 4' },
+                  { value: 'Option 5' }
                 ],
                 editableSelectProps: {
                   variant: 'single',
-                  'aria-label': "Row 1 cell 4 content",
+                  'aria-label': 'Row 1 cell 4 content'
                 }
               }
-            },
+            }
           ]
         },
         {
@@ -1652,7 +1695,8 @@ class EditableRowsTable extends React.Component {
                   cellIndex={cellIndex}
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
-                  inputAriaLabel="Row 2 cell 1 content" />
+                  inputAriaLabel="Row 2 cell 1 content"
+                />
               ),
               props: {
                 value: 'Row 2 cell 1 content',
@@ -1668,7 +1712,8 @@ class EditableRowsTable extends React.Component {
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
                   isDisabled
-                  inputAriaLabel="Row 2 cell 2 content" />
+                  inputAriaLabel="Row 2 cell 2 content"
+                />
               ),
               props: {
                 value: 'Row 2 cell 2, disabled content',
@@ -1683,7 +1728,8 @@ class EditableRowsTable extends React.Component {
                   cellIndex={cellIndex}
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
-                  inputAriaLabel="Row 2 cell 3 content" />
+                  inputAriaLabel="Row 2 cell 3 content"
+                />
               ),
               props: {
                 value: 'Row 2 cell 3 content',
@@ -1702,17 +1748,19 @@ class EditableRowsTable extends React.Component {
                   isOpen={props.isSelectOpen}
                   options={props.options.map((option, index) => {
                     return (
-                    <SelectOption
-                      key={index}
-                      value={option.value}
-                      id={'uniqueIdRow2Cell4Option' + index}
-                      isPlaceholder={option.isPlaceholder}
-                    />
-                  )
+                      <SelectOption
+                        key={index}
+                        value={option.value}
+                        id={'uniqueIdRow2Cell4Option' + index}
+                        isPlaceholder={option.isPlaceholder}
+                      />
+                    );
                   })}
-                  onToggle={(isOpen) => {this.onToggle(isOpen, rowIndex, cellIndex)}}
+                  onToggle={isOpen => {
+                    this.onToggle(isOpen, rowIndex, cellIndex);
+                  }}
                   selections={props.selected}
-                  />
+                />
               ),
               props: {
                 value: ['Placeholder...'],
@@ -1720,20 +1768,20 @@ class EditableRowsTable extends React.Component {
                 isSelectOpen: props.isSelectOpen || false,
                 selected: props.selected || [],
                 options: [
-                  {value: 'Placeholder...', isPlaceholder: true},
-                  {value: 'Option 1'},
-                  {value: 'Option 2'},
-                  {value: 'Option 3'},
-                  {value: 'Option 4'},
-                  {value: 'Option 5'}
+                  { value: 'Placeholder...', isPlaceholder: true },
+                  { value: 'Option 1' },
+                  { value: 'Option 2' },
+                  { value: 'Option 3' },
+                  { value: 'Option 4' },
+                  { value: 'Option 5' }
                 ],
                 editableSelectProps: {
                   variant: 'typeaheadmulti',
-                  'aria-label': "Row 2 cell 4 content",
+                  'aria-label': 'Row 2 cell 4 content',
                   toggleId: 'editable-toggle'
                 }
               }
-            },
+            }
           ]
         },
         {
@@ -1768,7 +1816,8 @@ class EditableRowsTable extends React.Component {
                   cellIndex={cellIndex}
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
-                  inputAriaLabel="Row 3 cell 1 content" />
+                  inputAriaLabel="Row 3 cell 1 content"
+                />
               ),
               props: {
                 value: 'Row 3 cell 1 content',
@@ -1784,7 +1833,8 @@ class EditableRowsTable extends React.Component {
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
                   isDisabled
-                  inputAriaLabel="Row 3 cell 2 content" />
+                  inputAriaLabel="Row 3 cell 2 content"
+                />
               ),
               props: {
                 value: 'Row 3 cell 2, disabled content',
@@ -1799,7 +1849,8 @@ class EditableRowsTable extends React.Component {
                   cellIndex={cellIndex}
                   props={props}
                   handleTextInputChange={this.handleTextInputChange}
-                  inputAriaLabel="Row 3 cell 3 content" />
+                  inputAriaLabel="Row 3 cell 3 content"
+                />
               ),
               props: {
                 value: 'Row 3 cell 3 content',
@@ -1824,9 +1875,11 @@ class EditableRowsTable extends React.Component {
                       isPlaceholder={option.isPlaceholder}
                     />
                   ))}
-                  onToggle={(isOpen) => {this.onToggle(isOpen, rowIndex, cellIndex)}}
+                  onToggle={isOpen => {
+                    this.onToggle(isOpen, rowIndex, cellIndex);
+                  }}
                   selections={props.selected}
-                  />
+                />
               ),
               props: {
                 value: ['Option 3'],
@@ -1834,16 +1887,16 @@ class EditableRowsTable extends React.Component {
                 isSelectOpen: props.isSelectOpen || false,
                 selected: props.selected || ['Option 3'],
                 options: [
-                  {value: 'Placeholder...', isPlaceholder: true},
-                  {value: 'Option 1'},
-                  {value: 'Option 2'},
-                  {value: 'Option 3'},
-                  {value: 'Option 4'},
-                  {value: 'Option 5'}
+                  { value: 'Placeholder...', isPlaceholder: true },
+                  { value: 'Option 1' },
+                  { value: 'Option 2' },
+                  { value: 'Option 3' },
+                  { value: 'Option 4' },
+                  { value: 'Option 5' }
                 ],
                 editableSelectProps: {
                   variant: 'checkbox',
-                  'aria-label': "Row 3 cell 4 content",
+                  'aria-label': 'Row 3 cell 4 content'
                 }
               }
             }
@@ -1917,7 +1970,7 @@ class EditableRowsTable extends React.Component {
         rows: newRows
       });
     };
-    
+
     this.clearSelection = (rowIndex, cellIndex) => {
       const newRows = Array.from(this.state.rows);
       const newCellProps = newRows[rowIndex].cells[cellIndex].props;
@@ -1947,9 +2000,10 @@ class EditableRowsTable extends React.Component {
         aria-label="Editable Rows Table"
         variant={TableVariant.compact}
         cells={columns}
-        rows={rows}>
-          <TableHeader />
-          <TableBody />
+        rows={rows}
+      >
+        <TableHeader />
+        <TableBody />
       </Table>
     );
   }
diff --git a/packages/react-table/src/components/Table/utils/decorators/info.tsx b/packages/react-table/src/components/Table/utils/decorators/info.tsx
new file mode 100644
index 00000000000..b4c15740cd9
--- /dev/null
+++ b/packages/react-table/src/components/Table/utils/decorators/info.tsx
@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { InfoType } from '../../base/types';
+import { HeaderCellInfoWrapper } from '../../HeaderCellInfoWrapper';
+import { IFormatterValueType, ITransform } from '../../Table';
+import styles from '@patternfly/react-styles/css/components/Table/table';
+
+export const info = ({ tooltip, tooltipProps, popover, popoverProps, className, ariaLabel }: InfoType) => {
+  const infoObj: ITransform = (value: IFormatterValueType) => ({
+    className: styles.modifiers.help,
+    children: tooltip ? (
+      <HeaderCellInfoWrapper
+        variant="tooltip"
+        info={tooltip}
+        tooltipProps={tooltipProps}
+        ariaLabel={ariaLabel}
+        className={className}
+      >
+        {value}
+      </HeaderCellInfoWrapper>
+    ) : (
+      <HeaderCellInfoWrapper
+        variant="popover"
+        info={popover}
+        popoverProps={popoverProps}
+        ariaLabel={ariaLabel}
+        className={className}
+      >
+        {value}
+      </HeaderCellInfoWrapper>
+    )
+  });
+
+  return infoObj;
+};
diff --git a/packages/react-table/src/components/Table/utils/transformers.tsx b/packages/react-table/src/components/Table/utils/transformers.tsx
index 1e57f75a121..bd020534777 100644
--- a/packages/react-table/src/components/Table/utils/transformers.tsx
+++ b/packages/react-table/src/components/Table/utils/transformers.tsx
@@ -9,6 +9,7 @@ export { collapsible, expandedRow, expandable } from './decorators/collapsible';
 export { compoundExpand } from './decorators/compoundExpand';
 export { headerCol } from './decorators/headerCol';
 export { classNames, Visibility } from './decorators/classNames';
+export { info } from './decorators/info';
 
 import { IFormatterValueType, IExtra, ITransform } from '../Table';
 

From 512bb43732994ed619f4690f587de70c5693f4bd Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Wed, 4 Nov 2020 14:55:44 -0500
Subject: [PATCH 25/29] comments and API cleanup

---
 .../demos/TableDemo/TableComposableDemo.tsx   | 260 +++++++-------
 .../src/components/Table/Table.tsx            |   1 -
 .../src/components/Table/examples/Table.md    | 329 +++++++++---------
 .../components/Table/utils/headerUtils.tsx    |  12 +-
 .../TableComposable/TableComposable.tsx       |  29 +-
 .../src/components/TableComposable/Td.tsx     | 178 +++++-----
 .../src/components/TableComposable/Th.tsx     |  95 ++---
 7 files changed, 458 insertions(+), 446 deletions(-)

diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx
index e67d8c996bb..cd84ea609b9 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx
@@ -253,12 +253,17 @@ export const TableComposableDemo = () => {
       <TableComposable aria-label="Selectable Table">
         <Thead>
           <Tr>
-            <Th columnIndex={0} onSelect={onSelectAll} isSelected={allRowsSelected} />
-            <Th columnIndex={1}>{columns[0]}</Th>
-            <Th columnIndex={2}>{columns[1]}</Th>
-            <Th columnIndex={3}>{columns[2]}</Th>
-            <Th columnIndex={4}>{columns[3]}</Th>
-            <Th columnIndex={5}>{columns[4]}</Th>
+            <Th
+              select={{
+                onSelect: onSelectAll,
+                isSelected: allRowsSelected
+              }}
+            />
+            <Th>{columns[0]}</Th>
+            <Th>{columns[1]}</Th>
+            <Th>{columns[2]}</Th>
+            <Th>{columns[3]}</Th>
+            <Th>{columns[4]}</Th>
           </Tr>
         </Thead>
         <Tbody>
@@ -266,16 +271,17 @@ export const TableComposableDemo = () => {
             <Tr key={rowIndex}>
               <Td
                 key={`${rowIndex}_0`}
-                columnIndex={0}
-                rowIndex={rowIndex}
-                onSelect={onSelect}
-                isSelected={selected[rowIndex]}
-                disableSelection={rowIndex === 1}
+                select={{
+                  rowIndex,
+                  onSelect,
+                  isSelected: selected[rowIndex],
+                  disable: rowIndex === 1
+                }}
               />
               {row.map((cell, cellIndex) => {
                 const shiftedIndex = cellIndex + 1;
                 return (
-                  <Td key={`${rowIndex}_${shiftedIndex}`} columnIndex={shiftedIndex} dataLabel={columns[cellIndex]}>
+                  <Td key={`${rowIndex}_${shiftedIndex}`} dataLabel={columns[cellIndex]}>
                     {cell}
                   </Td>
                 );
@@ -302,12 +308,12 @@ export const TableComposableDemo = () => {
       <TableComposable aria-label="Radio selectable table">
         <Thead>
           <Tr>
-            <Th columnIndex={0} />
-            <Th columnIndex={1}>{columns[0]}</Th>
-            <Th columnIndex={2}>{columns[1]}</Th>
-            <Th columnIndex={3}>{columns[2]}</Th>
-            <Th columnIndex={4}>{columns[3]}</Th>
-            <Th columnIndex={5}>{columns[4]}</Th>
+            <Th />
+            <Th>{columns[0]}</Th>
+            <Th>{columns[1]}</Th>
+            <Th>{columns[2]}</Th>
+            <Th>{columns[3]}</Th>
+            <Th>{columns[4]}</Th>
           </Tr>
         </Thead>
         <Tbody>
@@ -315,17 +321,18 @@ export const TableComposableDemo = () => {
             <Tr key={rowIndex}>
               <Td
                 key={`${rowIndex}_0`}
-                columnIndex={0}
-                rowIndex={rowIndex}
-                onSelect={onSelect}
-                isSelected={selected === rowIndex}
-                disableSelection={rowIndex === 1}
-                selectVariant="radio"
+                select={{
+                  rowIndex,
+                  onSelect,
+                  isSelected: selected === rowIndex,
+                  disable: rowIndex === 1,
+                  variant: 'radio'
+                }}
               />
               {row.map((cell, cellIndex) => {
                 const shiftedIndex = cellIndex + 1;
                 return (
-                  <Td key={`${rowIndex}_${shiftedIndex}`} columnIndex={shiftedIndex} dataLabel={columns[cellIndex]}>
+                  <Td key={`${rowIndex}_${shiftedIndex}`} dataLabel={columns[cellIndex]}>
                     {cell}
                   </Td>
                 );
@@ -388,28 +395,28 @@ export const TableComposableDemo = () => {
       <TableComposable aria-label="Actions table">
         <Thead>
           <Tr>
-            <Th columnIndex={0}>{columns[0]}</Th>
-            <Th columnIndex={1}>{columns[1]}</Th>
-            <Th columnIndex={2}>{columns[2]}</Th>
-            <Th columnIndex={3}>{columns[3]}</Th>
-            <Th columnIndex={4}>{columns[4]}</Th>
-            <Th columnIndex={5} />
+            <Th>{columns[0]}</Th>
+            <Th>{columns[1]}</Th>
+            <Th>{columns[2]}</Th>
+            <Th>{columns[3]}</Th>
+            <Th>{columns[4]}</Th>
+            <Th />
           </Tr>
         </Thead>
         <Tbody>
           {rows.map((row, rowIndex) => (
             <Tr key={rowIndex}>
               {row.map((cell, cellIndex) => (
-                <Td key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
+                <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
                   {cell}
                 </Td>
               ))}
               <Td
                 key={`${rowIndex}_5`}
-                columnIndex={5}
-                rowIndex={rowIndex}
-                actions={rowIndex === 1 ? null : rowIndex === 4 ? lastRowActions : defaultActions}
-                actionsDisabled={rowIndex === 3}
+                actions={{
+                  items: rowIndex === 1 ? null : rowIndex === 4 ? lastRowActions : defaultActions,
+                  disable: rowIndex === 3
+                }}
               />
             </Tr>
           ))}
@@ -498,37 +505,14 @@ export const TableComposableDemo = () => {
       },
       {
         parent: ['parent 5', '2', 'b', 'four', 'five'],
-        child: [
-          {
-            title: "spans 'Repositories' and 'Branches'",
-            props: {
-              colSpan: 2
-            }
-          },
-          {
-            title: "spans 'Pull requests' and 'Workspaces', and 'Last commit'",
-            props: {
-              colSpan: 3
-            }
-          }
-        ]
+        child: ["spans 'Repositories' and 'Branches'", "spans 'Pull requests' and 'Workspaces', and 'Last commit'"]
       },
       {
         parent: ['parent 6', '2', 'b', 'four', 'five'],
         child: [
-          {
-            title: "fullWidth, spans the collapsible column and 'Repositories'",
-            props: {
-              colSpan: 2
-            }
-          },
-          {
-            title: "fullWidth, spans 'Branches' and 'Pull requests' and 'Workspaces'",
-            props: {
-              colSpan: 3
-            }
-          },
-          "fullWidth, spans 'Last commit'"
+          "fullWidth, spans the collapsible column and 'Repositories'",
+          "fullWidth, spans 'Branches' and 'Pull requests'",
+          "fullWidth, spans 'Workspaces' and 'Last commit'"
         ],
         fullWidth: true
       }
@@ -543,10 +527,10 @@ export const TableComposableDemo = () => {
       const id = event.currentTarget.id;
       setVariant(id === 'default' ? null : id);
     };
-    const handleExpansionToggle = (rowIndex: number) => {
+    const handleExpansionToggle = (event: any, pairIndex: number) => {
       setExpanded({
         ...expanded,
-        [rowIndex]: !expanded[rowIndex]
+        [pairIndex]: !expanded[pairIndex]
       });
     };
     let rowIndex = -1;
@@ -569,12 +553,12 @@ export const TableComposableDemo = () => {
         <TableComposable aria-label="Expandable Table" variant={variant}>
           <Thead>
             <Tr>
-              <Th columnIndex={0} />
-              <Th columnIndex={1}>{columns[0]}</Th>
-              <Th columnIndex={2}>{columns[1]}</Th>
-              <Th columnIndex={3}>{columns[2]}</Th>
-              <Th columnIndex={4}>{columns[3]}</Th>
-              <Th columnIndex={5}>{columns[4]}</Th>
+              <Th />
+              <Th>{columns[0]}</Th>
+              <Th>{columns[1]}</Th>
+              <Th>{columns[2]}</Th>
+              <Th>{columns[3]}</Th>
+              <Th>{columns[4]}</Th>
             </Tr>
           </Thead>
           {rowPairs.map((pair, pairIndex) => {
@@ -583,18 +567,18 @@ export const TableComposableDemo = () => {
               <Tr key={rowIndex}>
                 <Td
                   key={`${rowIndex}_0`}
-                  rowIndex={rowIndex}
-                  columnIndex={0}
-                  isExpanded={pair.child ? expanded[pairIndex] : null}
-                  onClick={() => handleExpansionToggle(pairIndex)}
+                  expand={
+                    pair.child
+                      ? {
+                          rowIndex,
+                          isExpanded: expanded[pairIndex],
+                          onToggle: event => handleExpansionToggle(event, pairIndex)
+                        }
+                      : null
+                  }
                 />
                 {pair.parent.map((cell: any, cellIndex: number) => (
-                  <Td
-                    key={`${rowIndex}_${cellIndex}`}
-                    rowIndex={rowIndex}
-                    columnIndex={cellIndex + 1}
-                    dataLabel={columns[cellIndex]}
-                  >
+                  <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
                     {cell}
                   </Td>
                 ))}
@@ -605,24 +589,39 @@ export const TableComposableDemo = () => {
             }
             const childRow = pair.child ? (
               <Tr key={rowIndex} isExpanded={expanded[pairIndex] === true}>
-                {!rowPairs[pairIndex].fullWidth && <Td key={`${rowIndex}_0`} columnIndex={0} />}
+                {!rowPairs[pairIndex].fullWidth && <Td key={`${rowIndex}_0`} />}
                 {rowPairs[pairIndex].child.map((cell: any, cellIndex: number) => {
+                  const numChildCells = rowPairs[pairIndex].child.length;
                   const shift = rowPairs[pairIndex].fullWidth ? 1 : 0;
                   const shiftedCellIndex = cellIndex + shift;
+                  // some examples of how you could customize colSpan based on your needs
+                  const getColSpan = () => {
+                    // we have 6 columns (1 expandable column + 5 regular columns)
+                    // for the rowPairs where we've specificed `fullWidth`, add +1 to account for the expandable column
+                    let colSpan = 1;
+                    if (numChildCells === 1) {
+                      // single child cell: take up full width
+                      colSpan = numColumns + shift;
+                    } else if (numChildCells === 2) {
+                      // 2 children
+                      // child 1: 2 colspan
+                      // child 2: 3 or 4 colspan depending on fullWidth
+                      colSpan = cellIndex === 0 ? 2 : 3 + shift;
+                    } else if (numChildCells === 3) {
+                      // 3 children
+                      // child 1: 2 colspam
+                      // child 2: 2 colspan
+                      // child 3: 1 or 2 colspan depending on fullWidth
+                      colSpan = cellIndex === 2 ? 1 + shift : 2;
+                    }
+                    return colSpan;
+                  };
                   return (
                     <Td
                       key={`${rowIndex}_${shiftedCellIndex}`}
-                      rowIndex={rowIndex}
-                      columnIndex={shiftedCellIndex}
                       dataLabel={columns[cellIndex]}
                       noPadding={rowPairs[pairIndex].noPadding}
-                      colSpan={
-                        rowPairs[pairIndex].child.length === 1
-                          ? numColumns + shift
-                          : cell.props && cell.props.colSpan
-                          ? cell.props.colSpan
-                          : 1
-                      }
+                      colSpan={getColSpan()}
                     >
                       <ExpandableRowContent>{cell.title || cell}</ExpandableRowContent>
                     </Td>
@@ -774,56 +773,61 @@ export const TableComposableDemo = () => {
         <Thead>
           <Tr>
             {columns.map((column, columnIndex) => (
-              <Th key={columnIndex} columnIndex={columnIndex}>
-                {column}
-              </Th>
+              <Th key={columnIndex}>{column}</Th>
             ))}
           </Tr>
         </Thead>
         {rows.map((row, rowIndex) => {
           const isRowExpanded = activeChild[rowIndex] !== null;
-          const childIndex: string = `${rowIndex}_${activeChild[rowIndex]}`;
           return (
             <Tbody key={rowIndex} isExpanded={isRowExpanded}>
               <React.Fragment>
                 <Tr>
-                  {row.map((cell, cellIndex) => (
-                    <Td
-                      key={`${rowIndex}_${cellIndex}`}
-                      rowIndex={rowIndex}
-                      columnIndex={cellIndex}
-                      dataLabel={columns[cellIndex]}
-                      component={cellIndex === 0 ? 'th' : 'td'}
-                      isCompoundExpanded={isCompoundExpanded(rowIndex, cellIndex)}
-                      onClick={() => {
-                        // only columns 1 - 3 are clickable
-                        if (1 <= cellIndex && cellIndex <= 3) {
-                          if (activeChild[rowIndex] === cellIndex) {
-                            // closing the expansion on the current toggle
-                            // set the corresponding item to null
-                            const updatedActiveChild = activeChild.map((item, index) =>
-                              index === rowIndex ? null : item
-                            );
-                            setActiveChild(updatedActiveChild);
-                          } else {
-                            // expanding
-                            // set the corresponding cell index
-                            const updatedActiveChild = activeChild.map((item, index) =>
-                              index === rowIndex ? cellIndex : item
-                            );
-                            setActiveChild(updatedActiveChild);
+                  {row.map((cell, cellIndex) => {
+                    // for this example, only columns 1 - 3 are clickable
+                    const compoundExpandParams =
+                      1 <= cellIndex && cellIndex <= 3
+                        ? {
+                            compoundExpand: {
+                              isExpanded: isCompoundExpanded(rowIndex, cellIndex),
+                              onToggle: () => {
+                                if (activeChild[rowIndex] === cellIndex) {
+                                  // closing the expansion on the current toggle
+                                  // set the corresponding item to null
+                                  const updatedActiveChild = activeChild.map((item, index) =>
+                                    index === rowIndex ? null : item
+                                  );
+                                  setActiveChild(updatedActiveChild);
+                                } else {
+                                  // expanding
+                                  // set the corresponding cell index
+                                  const updatedActiveChild = activeChild.map((item, index) =>
+                                    index === rowIndex ? cellIndex : item
+                                  );
+                                  setActiveChild(updatedActiveChild);
+                                }
+                              }
+                            }
                           }
-                        }
-                      }}
-                    >
-                      {customRender(cell, cellIndex)}
-                    </Td>
-                  ))}
+                        : {};
+                    return (
+                      <Td
+                        key={`${rowIndex}_${cellIndex}`}
+                        dataLabel={columns[cellIndex]}
+                        component={cellIndex === 0 ? 'th' : 'td'}
+                        {...compoundExpandParams}
+                      >
+                        {customRender(cell, cellIndex)}
+                      </Td>
+                    );
+                  })}
                 </Tr>
                 {isRowExpanded && (
                   <Tr key={`${rowIndex}-child`} isExpanded={isRowExpanded}>
-                    <Td rowIndex={rowIndex} dataLabel={columns[0]} noPadding colSpan={6}>
-                      <ExpandableRowContent>{childData[childIndex].component}</ExpandableRowContent>
+                    <Td dataLabel={columns[0]} noPadding colSpan={6}>
+                      <ExpandableRowContent>
+                        {childData[`${rowIndex}_${activeChild[rowIndex]}`].component}
+                      </ExpandableRowContent>
                     </Td>
                   </Tr>
                 )}
diff --git a/packages/react-table/src/components/Table/Table.tsx b/packages/react-table/src/components/Table/Table.tsx
index 7a9c3f55e2c..c5a2b1e69a1 100644
--- a/packages/react-table/src/components/Table/Table.tsx
+++ b/packages/react-table/src/components/Table/Table.tsx
@@ -420,7 +420,6 @@ export class Table extends React.Component<TableProps, {}> {
         } else if (onCollapse || onExpand) {
           return 'compactExpandable';
         }
-        return 'compact';
       }
       return variant;
     };
diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index fd9839b0255..6f847c6f9f5 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -1903,14 +1903,13 @@ ComposableTableBasic = () => {
 
 This example demonstrates customizing rows, adding tooltip and popover information to header items, and some other misc. props.
 
-- You can wrap the header cell contents in a `HeaderCellInfoWrapper` component to give it a tooltip or popover
 - If you add the `noWrap` prop to `Thead`, it won't wrap it if there is no space
 - You can add the `textCenter` prop to `Th` or `Td` to center the contents
 - You can pass `onClick`, `className`, `style` and more to `Tr`
 
 ```js isBeta
 import React from 'react';
-import { TableComposable, Thead, Tbody, Tr, Th, Td, HeaderCellInfoWrapper } from '@patternfly/react-table';
+import { TableComposable, Thead, Tbody, Tr, Th, Td } from '@patternfly/react-table';
 
 ComposableTableMisc = () => {
   const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
@@ -1926,35 +1925,33 @@ ComposableTableMisc = () => {
     <TableComposable aria-label="Misc table">
       <Thead noWrap>
         <Tr>
-          <Th>
-            <HeaderCellInfoWrapper
-              variant="tooltip"
-              info="More information about repositories"
-              className="repositories-info-tip"
-              tooltipProps={{
+          <Th
+            info={{
+              tooltip: 'More information about repositories',
+              className: 'repositories-info-tip',
+              tooltipProps: {
                 isContentLeftAligned: true
-              }}
-            >
-              {columns[0]}
-            </HeaderCellInfoWrapper>
+              }
+            }}
+          >
+            {columns[0]}
           </Th>
           <Th>{columns[1]}</Th>
-          <Th>
-            <HeaderCellInfoWrapper
-              variant="popover"
-              info={
+          <Th
+            info={{
+              popover: (
                 <div>
                   More <strong>information</strong> on pull requests
                 </div>
-              }
-              ariaLabel="More information on pull requests"
-              popoverProps={{
+              ),
+              ariaLabel: 'More information on pull requests',
+              popoverProps: {
                 headerContent: 'Pull requests',
                 footerContent: <a href="">Click here for even more info</a>
-              }}
-            >
-              {columns[2]}
-            </HeaderCellInfoWrapper>
+              }
+            }}
+          >
+            {columns[2]}
           </Th>
           <Th>{columns[3]}</Th>
           <Th textCenter>{columns[4]}</Th>
@@ -1989,7 +1986,6 @@ ComposableTableMisc = () => {
                 return (
                   <Td
                     key={`${rowIndex}_${cellIndex}`}
-                    columnIndex={cellIndex}
                     dataLabel={columns[cellIndex]}
                     textCenter={cellIndex === row.length - 1}
                     {...rest}
@@ -2009,7 +2005,7 @@ ComposableTableMisc = () => {
 
 ### Composable: Sortable & wrapping headers
 
-This example demonstrates making columns sortable, and wrapping header text. For sorting it is also important to pass the `columnIndex` to the `Th`.
+This example demonstrates making columns sortable, and wrapping header text.
 
 ```js isBeta
 import React from 'react';
@@ -2064,14 +2060,26 @@ ComposableTableSortable = () => {
             const sortParams =
               columnIndex === 0 || columnIndex === 2
                 ? {
-                    activeSortIndex,
-                    activeSortDirection,
-                    onSort,
-                    columnIndex
+                    sort: {
+                      sortBy: {
+                        index: activeSortIndex,
+                        direction: activeSortDirection
+                      },
+                      onSort,
+                      columnIndex
+                    }
+                  }
+                : {};
+            const infoParams =
+              columnIndex === 2
+                ? {
+                    info: {
+                      tooltip: 'More information'
+                    }
                   }
                 : {};
             return (
-              <Th key={columnIndex} modifier={modifier} {...sortParams}>
+              <Th key={columnIndex} modifier={modifier} {...sortParams} {...infoParams}>
                 {column}
               </Th>
             );
@@ -2097,7 +2105,7 @@ ComposableTableSortable = () => {
 ### Composable: Selectable
 
 This example demonstrates row selection. The selection column is just another column, but with selection specific props added. We add it as the first header cell and also as the first body cell for each row.
-Be sure to also add `columnIndex` to `Th` and `columnIndex` as well as `rowIndex` to `Td`.
+Be sure to also add `rowIndex` to `Td`.
 
 ```js isBeta
 import React from 'react';
@@ -2138,12 +2146,17 @@ ComposableTableSelectable = () => {
     <TableComposable aria-label="Selectable Table">
       <Thead>
         <Tr>
-          <Th columnIndex={0} onSelect={onSelectAll} isSelected={allRowsSelected} />
-          <Th columnIndex={1}>{columns[0]}</Th>
-          <Th columnIndex={2}>{columns[1]}</Th>
-          <Th columnIndex={3}>{columns[2]}</Th>
-          <Th columnIndex={4}>{columns[3]}</Th>
-          <Th columnIndex={5}>{columns[4]}</Th>
+          <Th
+            select={{
+              onSelect: onSelectAll,
+              isSelected: allRowsSelected
+            }}
+          />
+          <Th>{columns[0]}</Th>
+          <Th>{columns[1]}</Th>
+          <Th>{columns[2]}</Th>
+          <Th>{columns[3]}</Th>
+          <Th>{columns[4]}</Th>
         </Tr>
       </Thead>
       <Tbody>
@@ -2151,16 +2164,17 @@ ComposableTableSelectable = () => {
           <Tr key={rowIndex}>
             <Td
               key={`${rowIndex}_0`}
-              columnIndex={0}
-              rowIndex={rowIndex}
-              onSelect={onSelect}
-              isSelected={selected[rowIndex]}
-              disableSelection={rowIndex === 1}
+              select={{
+                rowIndex,
+                onSelect,
+                isSelected: selected[rowIndex],
+                disable: rowIndex === 1
+              }}
             />
             {row.map((cell, cellIndex) => {
               const shiftedIndex = cellIndex + 1;
               return (
-                <Td key={`${rowIndex}_${shiftedIndex}`} columnIndex={shiftedIndex} dataLabel={columns[cellIndex]}>
+                <Td key={`${rowIndex}_${shiftedIndex}`} dataLabel={columns[cellIndex]}>
                   {cell}
                 </Td>
               );
@@ -2175,7 +2189,7 @@ ComposableTableSelectable = () => {
 
 ### Composable: Selectable radio input
 
-Similarly to the selectable example above, the radio buttons use the first column. The first header cell is empty, and each body row's first cell has radio button props. Just as with selectable, be sure to also add `columnIndex` to `Th` and `columnIndex` as well as `rowIndex` to `Td`.
+Similarly to the selectable example above, the radio buttons use the first column. The first header cell is empty, and each body row's first cell has radio button props. Just as with selectable, be sure to also add `rowIndex` to `Td`.
 
 ```js isBeta
 import React from 'react';
@@ -2196,12 +2210,12 @@ ComposableTableSelectableRadio = () => {
     <TableComposable aria-label="Radio selectable table">
       <Thead>
         <Tr>
-          <Th columnIndex={0} />
-          <Th columnIndex={1}>{columns[0]}</Th>
-          <Th columnIndex={2}>{columns[1]}</Th>
-          <Th columnIndex={3}>{columns[2]}</Th>
-          <Th columnIndex={4}>{columns[3]}</Th>
-          <Th columnIndex={5}>{columns[4]}</Th>
+          <Th />
+          <Th>{columns[0]}</Th>
+          <Th>{columns[1]}</Th>
+          <Th>{columns[2]}</Th>
+          <Th>{columns[3]}</Th>
+          <Th>{columns[4]}</Th>
         </Tr>
       </Thead>
       <Tbody>
@@ -2209,17 +2223,18 @@ ComposableTableSelectableRadio = () => {
           <Tr key={rowIndex}>
             <Td
               key={`${rowIndex}_0`}
-              columnIndex={0}
-              rowIndex={rowIndex}
-              onSelect={onSelect}
-              isSelected={selected === rowIndex}
-              disableSelection={rowIndex === 1}
-              selectVariant="radio"
+              select={{
+                rowIndex,
+                onSelect,
+                isSelected: selected === rowIndex,
+                disable: rowIndex === 1,
+                variant: 'radio'
+              }}
             />
             {row.map((cell, cellIndex) => {
               const shiftedIndex = cellIndex + 1;
               return (
-                <Td key={`${rowIndex}_${shiftedIndex}`} columnIndex={shiftedIndex} dataLabel={columns[cellIndex]}>
+                <Td key={`${rowIndex}_${shiftedIndex}`} dataLabel={columns[cellIndex]}>
                   {cell}
                 </Td>
               );
@@ -2286,28 +2301,28 @@ ComposableTableActions = () => {
     <TableComposable aria-label="Actions table">
       <Thead>
         <Tr>
-          <Th columnIndex={0}>{columns[0]}</Th>
-          <Th columnIndex={1}>{columns[1]}</Th>
-          <Th columnIndex={2}>{columns[2]}</Th>
-          <Th columnIndex={3}>{columns[3]}</Th>
-          <Th columnIndex={4}>{columns[4]}</Th>
-          <Th columnIndex={5} />
+          <Th>{columns[0]}</Th>
+          <Th>{columns[1]}</Th>
+          <Th>{columns[2]}</Th>
+          <Th>{columns[3]}</Th>
+          <Th>{columns[4]}</Th>
+          <Th />
         </Tr>
       </Thead>
       <Tbody>
         {rows.map((row, rowIndex) => (
           <Tr key={rowIndex}>
             {row.map((cell, cellIndex) => (
-              <Td key={`${rowIndex}_${cellIndex}`} columnIndex={cellIndex} dataLabel={columns[cellIndex]}>
+              <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
                 {cell}
               </Td>
             ))}
             <Td
               key={`${rowIndex}_5`}
-              columnIndex={5}
-              rowIndex={rowIndex}
-              actions={rowIndex === 1 ? null : rowIndex === 4 ? lastRowActions : defaultActions}
-              actionsDisabled={rowIndex === 3}
+              actions={{
+                items: rowIndex === 1 ? null : rowIndex === 4 ? lastRowActions : defaultActions,
+                disable: rowIndex === 3
+              }}
             />
           </Tr>
         ))}
@@ -2419,37 +2434,14 @@ ComposableTableExpandable = () => {
     },
     {
       parent: ['parent 5', '2', 'b', 'four', 'five'],
-      child: [
-        {
-          title: "spans 'Repositories' and 'Branches'",
-          props: {
-            colSpan: 2
-          }
-        },
-        {
-          title: "spans 'Pull requests' and 'Workspaces', and 'Last commit'",
-          props: {
-            colSpan: 3
-          }
-        }
-      ]
+      child: ["spans 'Repositories' and 'Branches'", "spans 'Pull requests' and 'Workspaces', and 'Last commit'"]
     },
     {
       parent: ['parent 6', '2', 'b', 'four', 'five'],
       child: [
-        {
-          title: "fullWidth, spans the collapsible column and 'Repositories'",
-          props: {
-            colSpan: 2
-          }
-        },
-        {
-          title: "fullWidth, spans 'Branches' and 'Pull requests' and 'Workspaces'",
-          props: {
-            colSpan: 3
-          }
-        },
-        "fullWidth, spans 'Last commit'"
+        "fullWidth, spans the collapsible column and 'Repositories'",
+        "fullWidth, spans 'Branches' and 'Pull requests'",
+        "fullWidth, spans 'Workspaces' and 'Last commit'"
       ],
       fullWidth: true
     }
@@ -2457,17 +2449,17 @@ ComposableTableExpandable = () => {
   const numColumns = columns.length;
   // Init all to true
   const [expanded, setExpanded] = React.useState(
-    Object.fromEntries(Object.entries(rowPairs).map(([k, v]) => [k, true]))
+    Object.fromEntries(Object.entries(rowPairs).map(([k, v]) => [k, Boolean(v.child)]))
   );
   const [variant, setVariant] = React.useState(null);
   const handleItemClick = (isSelected, event) => {
     const id = event.currentTarget.id;
     setVariant(id === 'default' ? null : id);
   };
-  const handleExpansionToggle = rowIndex => {
+  const handleExpansionToggle = (event, pairIndex) => {
     setExpanded({
       ...expanded,
-      [rowIndex]: !expanded[rowIndex]
+      [pairIndex]: !expanded[pairIndex]
     });
   };
   let rowIndex = -1;
@@ -2490,12 +2482,12 @@ ComposableTableExpandable = () => {
       <TableComposable aria-label="Expandable Table" variant={variant}>
         <Thead>
           <Tr>
-            <Th columnIndex={0} />
-            <Th columnIndex={1}>{columns[0]}</Th>
-            <Th columnIndex={2}>{columns[1]}</Th>
-            <Th columnIndex={3}>{columns[2]}</Th>
-            <Th columnIndex={4}>{columns[3]}</Th>
-            <Th columnIndex={5}>{columns[4]}</Th>
+            <Th />
+            <Th>{columns[0]}</Th>
+            <Th>{columns[1]}</Th>
+            <Th>{columns[2]}</Th>
+            <Th>{columns[3]}</Th>
+            <Th>{columns[4]}</Th>
           </Tr>
         </Thead>
         {rowPairs.map((pair, pairIndex) => {
@@ -2504,18 +2496,18 @@ ComposableTableExpandable = () => {
             <Tr key={rowIndex}>
               <Td
                 key={`${rowIndex}_0`}
-                rowIndex={rowIndex}
-                columnIndex={0}
-                isExpanded={pair.child ? expanded[pairIndex] : null}
-                onClick={() => handleExpansionToggle(pairIndex)}
+                expand={
+                  pair.child
+                    ? {
+                        rowIndex,
+                        isExpanded: expanded[pairIndex],
+                        onToggle: event => handleExpansionToggle(event, pairIndex)
+                      }
+                    : null
+                }
               />
               {pair.parent.map((cell, cellIndex) => (
-                <Td
-                  key={`${rowIndex}_${cellIndex}`}
-                  rowIndex={rowIndex}
-                  columnIndex={cellIndex + 1}
-                  dataLabel={columns[cellIndex]}
-                >
+                <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
                   {cell}
                 </Td>
               ))}
@@ -2526,24 +2518,39 @@ ComposableTableExpandable = () => {
           }
           const childRow = pair.child ? (
             <Tr key={rowIndex} isExpanded={expanded[pairIndex] === true}>
-              {!rowPairs[pairIndex].fullWidth && <Td key={`${rowIndex}_0`} columnIndex={0} />}
+              {!rowPairs[pairIndex].fullWidth && <Td key={`${rowIndex}_0`} />}
               {rowPairs[pairIndex].child.map((cell, cellIndex) => {
+                const numChildCells = rowPairs[pairIndex].child.length;
                 const shift = rowPairs[pairIndex].fullWidth ? 1 : 0;
                 const shiftedCellIndex = cellIndex + shift;
+                // some examples of how you could customize colSpan based on your needs
+                const getColSpan = () => {
+                  // we have 6 columns (1 expandable column + 5 regular columns)
+                  // for the rowPairs where we've specificed `fullWidth`, add +1 to account for the expandable column
+                  let colSpan = 1;
+                  if (numChildCells === 1) {
+                    // single child cell: take up full width
+                    colSpan = numColumns + shift;
+                  } else if (numChildCells === 2) {
+                    // 2 children
+                    // child 1: 2 colspan
+                    // child 2: 3 or 4 colspan depending on fullWidth
+                    colSpan = cellIndex === 0 ? 2 : 3 + shift;
+                  } else if (numChildCells === 3) {
+                    // 3 children
+                    // child 1: 2 colspam
+                    // child 2: 2 colspan
+                    // child 3: 1 or 2 colspan depending on fullWidth
+                    colSpan = cellIndex === 2 ? 1 + shift : 2;
+                  }
+                  return colSpan;
+                };
                 return (
                   <Td
                     key={`${rowIndex}_${shiftedCellIndex}`}
-                    rowIndex={rowIndex}
-                    columnIndex={shiftedCellIndex}
                     dataLabel={columns[cellIndex]}
                     noPadding={rowPairs[pairIndex].noPadding}
-                    colSpan={
-                      rowPairs[pairIndex].child.length === 1
-                        ? numColumns + shift
-                        : cell.props && cell.props.colSpan
-                        ? cell.props.colSpan
-                        : 1
-                    }
+                    colSpan={getColSpan()}
                   >
                     <ExpandableRowContent>{cell.title || cell}</ExpandableRowContent>
                   </Td>
@@ -2680,9 +2687,7 @@ ComposableCompoundExpandableTable = () => {
       <Thead>
         <Tr>
           {columns.map((column, columnIndex) => (
-            <Th key={columnIndex} columnIndex={columnIndex}>
-              {column}
-            </Th>
+            <Th key={columnIndex}>{column}</Th>
           ))}
         </Tr>
       </Thead>
@@ -2692,42 +2697,48 @@ ComposableCompoundExpandableTable = () => {
           <Tbody key={rowIndex} isExpanded={isRowExpanded}>
             <React.Fragment>
               <Tr>
-                {row.map((cell, cellIndex) => (
-                  <Td
-                    key={`${rowIndex}_${cellIndex}`}
-                    rowIndex={rowIndex}
-                    columnIndex={cellIndex}
-                    dataLabel={columns[cellIndex]}
-                    component={cellIndex === 0 ? 'th' : 'td'}
-                    isCompoundExpanded={isCompoundExpanded(rowIndex, cellIndex)}
-                    onClick={() => {
-                      // only columns 1 - 3 are clickable
-                      if (1 <= cellIndex && cellIndex <= 3) {
-                        if (activeChild[rowIndex] === cellIndex) {
-                          // closing the expansion on the current toggle
-                          // set the corresponding item to null
-                          const updatedActiveChild = activeChild.map((item, index) =>
-                            index === rowIndex ? null : item
-                          );
-                          setActiveChild(updatedActiveChild);
-                        } else {
-                          // expanding
-                          // set the corresponding cell index
-                          const updatedActiveChild = activeChild.map((item, index) =>
-                            index === rowIndex ? cellIndex : item
-                          );
-                          setActiveChild(updatedActiveChild);
+                {row.map((cell, cellIndex) => {
+                  // for this example, only columns 1 - 3 are clickable
+                  const compoundExpandParams =
+                    1 <= cellIndex && cellIndex <= 3
+                      ? {
+                          compoundExpand: {
+                            isExpanded: isCompoundExpanded(rowIndex, cellIndex),
+                            onToggle: () => {
+                              if (activeChild[rowIndex] === cellIndex) {
+                                // closing the expansion on the current toggle
+                                // set the corresponding item to null
+                                const updatedActiveChild = activeChild.map((item, index) =>
+                                  index === rowIndex ? null : item
+                                );
+                                setActiveChild(updatedActiveChild);
+                              } else {
+                                // expanding
+                                // set the corresponding cell index
+                                const updatedActiveChild = activeChild.map((item, index) =>
+                                  index === rowIndex ? cellIndex : item
+                                );
+                                setActiveChild(updatedActiveChild);
+                              }
+                            }
+                          }
                         }
-                      }
-                    }}
-                  >
-                    {customRender(cell, cellIndex)}
-                  </Td>
-                ))}
+                      : {};
+                  return (
+                    <Td
+                      key={`${rowIndex}_${cellIndex}`}
+                      dataLabel={columns[cellIndex]}
+                      component={cellIndex === 0 ? 'th' : 'td'}
+                      {...compoundExpandParams}
+                    >
+                      {customRender(cell, cellIndex)}
+                    </Td>
+                  );
+                })}
               </Tr>
               {isRowExpanded && (
                 <Tr key={`${rowIndex}-child`} isExpanded={isRowExpanded}>
-                  <Td rowIndex={rowIndex} dataLabel={columns[0]} noPadding colSpan={6}>
+                  <Td dataLabel={columns[0]} noPadding colSpan={6}>
                     <ExpandableRowContent>
                       {childData[`${rowIndex}_${activeChild[rowIndex]}`].component}
                     </ExpandableRowContent>
diff --git a/packages/react-table/src/components/Table/utils/headerUtils.tsx b/packages/react-table/src/components/Table/utils/headerUtils.tsx
index eac1ffb7fc4..7ad85e6bc3a 100644
--- a/packages/react-table/src/components/Table/utils/headerUtils.tsx
+++ b/packages/react-table/src/components/Table/utils/headerUtils.tsx
@@ -30,17 +30,7 @@ import {
  * @returns {*} header, label, transforms: Array, formatters: Array.
  */
 const generateHeader = (
-  {
-    transforms: origTransforms,
-    formatters: origFormatters,
-    columnTransforms,
-    header
-  }: {
-    transforms?: ICell['transforms'];
-    formatters?: ICell['formatters'];
-    columnTransforms?: ICell['columnTransforms'];
-    header?: ICell;
-  },
+  { transforms: origTransforms, formatters: origFormatters, columnTransforms, header }: ICell,
   title?: string | ICell
 ) => ({
   ...header,
diff --git a/packages/react-table/src/components/TableComposable/TableComposable.tsx b/packages/react-table/src/components/TableComposable/TableComposable.tsx
index 989e7447bb1..4c55b97b24a 100644
--- a/packages/react-table/src/components/TableComposable/TableComposable.tsx
+++ b/packages/react-table/src/components/TableComposable/TableComposable.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 import stylesGrid from '@patternfly/react-styles/css/components/Table/table-grid';
 import { css } from '@patternfly/react-styles';
-import { TableGridBreakpoint, TableVariant, toCamel, OnSelect } from '../Table';
+import { TableGridBreakpoint, TableVariant, toCamel } from '../Table';
 import { IVisibility } from '../Table/utils/decorators/classNames';
 import { useOUIAProps, OUIAProps } from '@patternfly/react-core';
 
@@ -17,12 +17,6 @@ export interface BaseCellProps {
   textCenter?: boolean;
   /** Style modifier to apply */
   modifier?: 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap';
-  /** The column index */
-  columnIndex?: number;
-  /** Transforms the cell into a selectable cell - Click callback on select */
-  onSelect?: OnSelect;
-  /** Whether the cell is selected */
-  isSelected?: boolean;
   /** Width percentage modifier */
   width?: 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 60 | 70 | 80 | 90 | 100;
   /** Visibility breakpoint modifiers */
@@ -69,14 +63,10 @@ const TableComposableBase: React.FunctionComponent<TableComposableProps> = ({
   ...props
 }: TableComposableProps) => {
   const ouiaProps = useOUIAProps('Table', ouiaId, ouiaSafe);
-  const variantModifiers = () => {
-    if (variant === 'compact') {
-      return styles.modifiers.compact;
-    } else if (variant === 'compactBorderless') {
-      return css(styles.modifiers.compact, styles.modifiers.noBorderRows);
-    } else if (variant === 'compactExpandable') {
-      return css(styles.modifiers.compact, styles.modifiers.expandable);
-    }
+  const variantModifiers = {
+    compact: styles.modifiers.compact,
+    compactBorderless: css(styles.modifiers.compact, styles.modifiers.noBorderRows),
+    compactExpandable: css(styles.modifiers.compact, styles.modifiers.expandable)
   };
   return (
     <table
@@ -85,11 +75,10 @@ const TableComposableBase: React.FunctionComponent<TableComposableProps> = ({
       className={css(
         className,
         styles.table,
-        gridBreakPoint &&
-          stylesGrid.modifiers[
-            toCamel(gridBreakPoint).replace(/-?2xl/, '_2xl') as 'grid' | 'gridMd' | 'gridLg' | 'gridXl' | 'grid_2xl'
-          ],
-        variantModifiers(),
+        stylesGrid.modifiers?.[
+          toCamel(gridBreakPoint || '').replace(/-?2xl/, '_2xl') as 'grid' | 'gridMd' | 'gridLg' | 'gridXl' | 'grid_2xl'
+        ],
+        variantModifiers?.[variant] || '',
         isStickyHeader && styles.modifiers.stickyHeader
       )}
       ref={innerRef}
diff --git a/packages/react-table/src/components/TableComposable/Td.tsx b/packages/react-table/src/components/TableComposable/Td.tsx
index 3200c399935..dc220ecdd33 100644
--- a/packages/react-table/src/components/TableComposable/Td.tsx
+++ b/packages/react-table/src/components/TableComposable/Td.tsx
@@ -5,21 +5,17 @@ import {
   OnSelect,
   selectable,
   cellActions,
-  /* eslint-disable @typescript-eslint/no-unused-vars */
-  IAreActionsDisabled,
-  IActionsResolver,
-  expandedRow,
-  /* eslint-enable @typescript-eslint/no-unused-vars */
   IActions,
   IFormatterValueType,
   collapsible,
-  IRowData,
-  IExtraData,
   compoundExpand,
+  OnExpand,
   cellWidth,
   Visibility,
-  classNames
+  classNames,
+  OnCollapse
 } from '../Table';
+import { mergeProps } from '../Table/base';
 import { IVisibility } from '../Table/utils/decorators/classNames';
 import {
   DropdownDirection,
@@ -28,37 +24,52 @@ import {
 import { BaseCellProps } from './TableComposable';
 
 export interface TdProps extends BaseCellProps, Omit<React.HTMLProps<HTMLTableDataCellElement>, 'onSelect' | 'width'> {
-  /** The selectable variant */
-  selectVariant?: 'checkbox' | 'radio';
   /**
    * The column header the cell corresponds to.
    * This attribute replaces table header in mobile viewport. It is rendered by ::before pseudo element.
    */
   dataLabel?: string;
-  /** The row index */
-  rowIndex?: number;
-  /** Whether to disable the selection */
-  disableSelection?: boolean;
-  /** Cell actions */
-  actions?: IActions;
-  /** Whether to disable the actions */
-  actionsDisabled?: boolean;
-  /** Actions dropdown position */
-  actionsDropdownPosition?: DropdownPosition;
-  /** Actions dropdown direction */
-  actionsDropdownDirection?: DropdownDirection;
+  /** Renders a checkbox or radio select */
+  select?: {
+    /** The selectable variant */
+    variant?: 'checkbox' | 'radio';
+    /** Callback on select */
+    onSelect?: OnSelect;
+    /** Whether the cell is selected */
+    isSelected: boolean;
+    /** Whether to disable the selection */
+    disable?: boolean;
+    /** The row index */
+    rowIndex: number;
+  };
+  /** Turns the cell into an actions cell */
+  actions?: {
+    /** Cell actions */
+    items: IActions;
+    /** Whether to disable the actions */
+    disable?: boolean;
+    /** Actions dropdown position */
+    dropdownPosition?: DropdownPosition;
+    /** Actions dropdown direction */
+    dropdownDirection?: DropdownDirection;
+  };
   /** Turns the cell into an expansion toggle and determines if the corresponding expansion row is open */
-  isExpanded?: boolean;
-  /** Turns the cell into a compound expansion toggle and determines if the corresponding expansion row is open */
-  isCompoundExpanded?: boolean;
-  /** On toggling the expansion */
-  onCollapse?: (
-    event: React.MouseEvent,
-    rowIndex: number,
-    isOpen: boolean,
-    rowData: IRowData,
-    extraData: IExtraData
-  ) => undefined;
+  expand?: {
+    isExpanded: boolean;
+    /** The row index */
+    rowIndex: number;
+    /** The column index */
+    columnIndex?: number;
+    /** On toggling the expansion */
+    onToggle?: OnCollapse;
+  };
+  /** Turns the cell into a compound expansion toggle */
+  compoundExpand?: {
+    /** determines if the corresponding expansion row is open */
+    isExpanded: boolean;
+    /** Callback on toggling of the expansion */
+    onToggle?: OnExpand;
+  };
   /** True to remove padding */
   noPadding?: boolean;
 }
@@ -68,88 +79,76 @@ const TdBase: React.FunctionComponent<TdProps> = ({
   className,
   component = 'td',
   dataLabel,
-  columnIndex,
-  rowIndex,
   textCenter = false,
   modifier,
-  onSelect,
-  isSelected = false,
-  selectVariant = 'checkbox',
-  disableSelection = false,
-  actions,
-  actionsDisabled,
-  actionsDropdownPosition,
-  actionsDropdownDirection,
-  isExpanded = null,
-  isCompoundExpanded = null,
-  onCollapse,
+  select = null,
+  actions = null,
+  expand = null,
+  compoundExpand: compoundExpandProp = null,
   noPadding,
   width,
   visibility,
   innerRef,
   ...props
 }: TdProps) => {
-  const selectParams = onSelect
+  const selectParams = select
     ? selectable(children as IFormatterValueType, {
-        columnIndex,
-        rowIndex,
+        rowIndex: select.rowIndex,
         rowData: {
-          selected: isSelected,
-          disableSelection
+          selected: select.isSelected,
+          disableSelection: select?.disable
         },
         column: {
           extraParams: {
-            onSelect: onSelect as OnSelect,
-            selectVariant: selectVariant as 'checkbox' | 'radio'
+            onSelect: select?.onSelect,
+            selectVariant: select.variant || 'checkbox'
           }
         }
       })
     : null;
-  const actionParamsFunc = actions ? cellActions(actions, null, null) : null;
+  const actionParamsFunc = actions ? cellActions(actions.items, null, null) : null;
   const actionParams = actionParamsFunc
     ? actionParamsFunc(null, {
-        rowIndex,
-        columnIndex,
         rowData: {
-          disableActions: actionsDisabled
+          disableActions: actions?.disable
         },
         column: {
           extraParams: {
-            dropdownPosition: actionsDropdownPosition,
-            dropdownDirection: actionsDropdownDirection
+            dropdownPosition: actions?.dropdownPosition,
+            dropdownDirection: actions?.dropdownDirection
           }
         }
       })
     : null;
   const expandableParams =
-    isExpanded !== null
+    expand !== null
       ? collapsible(null, {
-          rowIndex,
-          columnIndex,
+          rowIndex: expand.rowIndex,
+          columnIndex: expand?.columnIndex,
           rowData: {
-            isOpen: isExpanded
+            isOpen: expand.isExpanded
           },
           column: {
             extraParams: {
-              onCollapse
+              onCollapse: expand?.onToggle
             }
           }
         })
       : null;
   const compoundParams =
-    isCompoundExpanded !== null
+    compoundExpandProp !== null
       ? compoundExpand(
           {
             title: children,
             props: {
-              isOpen: isCompoundExpanded
+              isOpen: compoundExpandProp.isExpanded
             }
           } as IFormatterValueType,
           {
-            columnIndex,
-            rowIndex,
             column: {
-              extraParams: {}
+              extraParams: {
+                onExpand: compoundExpandProp?.onToggle
+              }
             }
           }
         )
@@ -158,34 +157,39 @@ const TdBase: React.FunctionComponent<TdProps> = ({
   const visibilityParams = visibility
     ? classNames(...visibility.map((vis: keyof IVisibility) => Visibility[vis]))()
     : null;
-  const Component: any = (selectParams && selectParams.component) || component;
-  const transformedChildren =
-    (selectParams && selectParams.children) ||
-    (actionParams && actionParams.children) ||
-    (expandableParams && expandableParams.children) ||
-    (compoundParams && compoundParams.children) ||
-    children;
+  const merged = mergeProps(
+    selectParams,
+    actionParams,
+    expandableParams,
+    compoundParams,
+    widthParams,
+    visibilityParams
+  );
+  const {
+    // selectable adds this but we don't want it
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    isVisible = null,
+    children: mergedChildren = null,
+    className: mergedClassName = '',
+    component: MergedComponent = component,
+    ...mergedProps
+  } = merged;
   return (
-    <Component
+    <MergedComponent
       data-label={dataLabel}
-      data-key={columnIndex}
       className={css(
         className,
         textCenter && styles.modifiers.center,
         noPadding && styles.modifiers.noPadding,
-        selectParams && selectParams.className,
-        actionParams && actionParams.className,
-        expandableParams && expandableParams.className,
-        compoundParams && compoundParams.className,
-        modifier && styles.modifiers[modifier as 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap'],
-        widthParams && widthParams.className,
-        visibilityParams && visibilityParams.className
+        styles.modifiers[modifier as 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap' | undefined],
+        mergedClassName
       )}
       ref={innerRef}
+      {...mergedProps}
       {...props}
     >
-      {transformedChildren}
-    </Component>
+      {mergedChildren || children}
+    </MergedComponent>
   );
 };
 
diff --git a/packages/react-table/src/components/TableComposable/Th.tsx b/packages/react-table/src/components/TableComposable/Th.tsx
index 5357155dd9c..afe3fe3a268 100644
--- a/packages/react-table/src/components/TableComposable/Th.tsx
+++ b/packages/react-table/src/components/TableComposable/Th.tsx
@@ -2,7 +2,6 @@ import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 import {
-  SortByDirection,
   sortable,
   selectable,
   OnSelect,
@@ -12,8 +11,10 @@ import {
   OnSort,
   cellWidth,
   Visibility,
-  classNames
+  classNames,
+  info
 } from '../Table';
+import { InfoType, mergeProps } from '../Table/base';
 import { IVisibility } from '../Table/utils/decorators/classNames';
 import { Tooltip } from '@patternfly/react-core/dist/js/components/Tooltip/Tooltip';
 import { BaseCellProps } from './TableComposable';
@@ -21,14 +22,21 @@ import { BaseCellProps } from './TableComposable';
 export interface ThProps
   extends BaseCellProps,
     Omit<React.HTMLProps<HTMLTableHeaderCellElement>, 'onSelect' | 'width'> {
-  /** The selectable variant */
-  selectVariant?: 'checkbox';
-  /** Wraps the content in a button and adds a sort icon - Click callback on the sortable cell */
-  onSort?: Function;
-  /** Sort direction of the currently sorted column */
-  activeSortDirection?: SortByDirection | 'asc' | 'desc' | 'none';
-  /** Index of the currently sorted column */
-  activeSortIndex?: number;
+  /** Renders a checkbox select so that all row checkboxes can be selected/deselected */
+  select?: {
+    /** Callback on select */
+    onSelect?: OnSelect;
+    /** Whether the cell is selected */
+    isSelected: boolean;
+  };
+  sort?: {
+    /** Wraps the content in a button and adds a sort icon - Click callback on the sortable cell */
+    onSort?: OnSort;
+    /** Provide the currently active column's index and direction */
+    sortBy: ISortBy;
+    /** The column index */
+    columnIndex: number;
+  };
   /**
    * Tooltip to show on the header cell
    * Note: If the header cell is truncated and has simple string content, it will already attempt to display the header text
@@ -38,6 +46,8 @@ export interface ThProps
   tooltip?: React.ReactNode;
   /** Callback on mouse enter */
   onMouseEnter?: (event: any) => void;
+  /** Adds tooltip/popover info button */
+  info?: InfoType;
 }
 
 const ThBase: React.FunctionComponent<ThProps> = ({
@@ -45,19 +55,15 @@ const ThBase: React.FunctionComponent<ThProps> = ({
   className,
   component = 'th',
   textCenter = false,
-  onSort,
-  activeSortDirection = 'none',
-  activeSortIndex,
-  columnIndex,
+  sort = null,
   modifier,
-  onSelect,
-  selectVariant = 'checkbox',
-  isSelected,
+  select = null,
   tooltip = '',
   onMouseEnter: onMouseEnterProp = () => {},
   width,
   visibility,
   innerRef,
+  info: infoProps,
   ...props
 }: ThProps) => {
   const [showTooltip, setShowTooltip] = React.useState(false);
@@ -69,28 +75,24 @@ const ThBase: React.FunctionComponent<ThProps> = ({
     }
     onMouseEnterProp(event);
   };
-  const sortParams = onSort
+  const sortParams = sort
     ? sortable(children as IFormatterValueType, {
-        columnIndex,
+        columnIndex: sort.columnIndex,
         column: {
           extraParams: {
-            sortBy: {
-              index: activeSortIndex,
-              direction: activeSortDirection
-            } as ISortBy,
-            onSort: onSort as OnSort
+            sortBy: sort.sortBy,
+            onSort: sort?.onSort
           }
         } as IColumn
       })
     : null;
-  const selectParams = onSelect
+  const selectParams = select
     ? selectable(children as IFormatterValueType, {
-        columnIndex,
         column: {
           extraParams: {
-            onSelect: onSelect as OnSelect,
-            selectVariant: selectVariant as 'checkbox' | 'radio',
-            allRowsSelected: isSelected
+            onSelect: select?.onSelect,
+            selectVariant: 'checkbox',
+            allRowsSelected: select.isSelected
           }
         }
       })
@@ -99,29 +101,42 @@ const ThBase: React.FunctionComponent<ThProps> = ({
   const visibilityParams = visibility
     ? classNames(...visibility.map((vis: keyof IVisibility) => Visibility[vis]))()
     : null;
-  const Component: any = (sortParams && sortParams.component) || (selectParams && selectParams.component) || component;
-  const transformedChildren =
-    (sortParams && sortParams.children) || (selectParams && selectParams.children) || children;
+  let transformedChildren = sortParams?.children || selectParams?.children || children;
+  // info can wrap other transformedChildren
+  let infoParams = null;
+  if (infoProps) {
+    infoParams = info(infoProps)(transformedChildren);
+    transformedChildren = infoParams.children;
+  }
+  const merged = mergeProps(sortParams, selectParams, widthParams, visibilityParams, infoParams);
+  const {
+    // ignore the merged children since we transform them ourselves so we can wrap it with info
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    children: mergedChildren = null,
+    // selectable adds this but we don't want it
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    isVisible = null,
+    className: mergedClassName = '',
+    component: MergedComponent = component,
+    ...mergedProps
+  } = merged;
+
   const cell = (
-    <Component
+    <MergedComponent
       onMouseEnter={tooltip !== null ? onMouseEnter : onMouseEnterProp}
       scope="col"
-      aria-sort={sortParams ? (sortParams['aria-sort'] as 'none' | 'ascending' | 'descending') : null}
       ref={innerRef}
-      data-key={columnIndex}
       className={css(
         className,
         textCenter && styles.modifiers.center,
-        sortParams && sortParams.className,
-        selectParams && selectParams.className,
         modifier && styles.modifiers[modifier as 'breakWord' | 'fitContent' | 'nowrap' | 'truncate' | 'wrap'],
-        widthParams && widthParams.className,
-        visibilityParams && visibilityParams.className
+        mergedClassName
       )}
+      {...mergedProps}
       {...props}
     >
       {transformedChildren}
-    </Component>
+    </MergedComponent>
   );
 
   const canDefault = tooltip === '' ? typeof children === 'string' : true;

From 2a25bd2902eddc43c50e1e419495dae9a6452c19 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Wed, 4 Nov 2020 15:09:00 -0500
Subject: [PATCH 26/29] snapshots

---
 .../Table/__snapshots__/Table.test.tsx.snap   | 110 ------------------
 .../VirtualizedTable.test.tsx.snap            |  29 -----
 2 files changed, 139 deletions(-)

diff --git a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
index 49db422b0fa..52e6da5153f 100644
--- a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
+++ b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
@@ -1185,7 +1185,6 @@ exports[`Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -1225,7 +1224,6 @@ exports[`Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -1265,7 +1263,6 @@ exports[`Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -1305,7 +1302,6 @@ exports[`Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -1346,7 +1342,6 @@ exports[`Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <td
-                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label=""
@@ -14338,7 +14333,6 @@ exports[`Cell header table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -14378,7 +14372,6 @@ exports[`Cell header table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -14418,7 +14411,6 @@ exports[`Cell header table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -14458,7 +14450,6 @@ exports[`Cell header table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -23520,7 +23511,6 @@ exports[`Collapsible nested table 1`] = `
                                       tooltip=""
                                     >
                                       <td
-                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label=""
@@ -23652,7 +23642,6 @@ exports[`Collapsible nested table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Branches"
@@ -23692,7 +23681,6 @@ exports[`Collapsible nested table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Pull requests"
@@ -23732,7 +23720,6 @@ exports[`Collapsible nested table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Workspaces"
@@ -23772,7 +23759,6 @@ exports[`Collapsible nested table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label="Last Commit"
@@ -34273,7 +34259,6 @@ exports[`Collapsible table 1`] = `
                                       tooltip=""
                                     >
                                       <td
-                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label=""
@@ -34405,7 +34390,6 @@ exports[`Collapsible table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Branches"
@@ -34445,7 +34429,6 @@ exports[`Collapsible table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Pull requests"
@@ -34485,7 +34468,6 @@ exports[`Collapsible table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Workspaces"
@@ -34525,7 +34507,6 @@ exports[`Collapsible table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label="Last Commit"
@@ -44323,7 +44304,6 @@ exports[`Compound Expandable table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label="col1"
@@ -44363,7 +44343,6 @@ exports[`Compound Expandable table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="col2"
@@ -47585,7 +47564,6 @@ exports[`Control text table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className="pf-m-nowrap"
                                         data-key={0}
                                         data-label="Header cell"
@@ -47626,7 +47604,6 @@ exports[`Control text table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className="pf-m-wrap"
                                         data-key={1}
                                         data-label="new object column"
@@ -47667,7 +47644,6 @@ exports[`Control text table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className="pf-m-break-word"
                                         data-key={2}
                                         data-label="Pull requests"
@@ -47708,7 +47684,6 @@ exports[`Control text table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className="pf-m-truncate"
                                         data-key={3}
                                         data-label="new object column"
@@ -47749,7 +47724,6 @@ exports[`Control text table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className="pf-m-fit-content"
                                         data-key={4}
                                         data-label="Last Commit"
@@ -56346,7 +56320,6 @@ exports[`Editable table 1`] = `
                                         tooltip=""
                                       >
                                         <th
-                                          aria-sort={null}
                                           className=""
                                           data-key={0}
                                           data-label="Text input col 1"
@@ -56386,7 +56359,6 @@ exports[`Editable table 1`] = `
                                         tooltip=""
                                       >
                                         <th
-                                          aria-sort={null}
                                           className=""
                                           data-key={1}
                                           data-label="Disabled text input col 2"
@@ -56426,7 +56398,6 @@ exports[`Editable table 1`] = `
                                         tooltip=""
                                       >
                                         <th
-                                          aria-sort={null}
                                           className=""
                                           data-key={2}
                                           data-label="Text input col 3"
@@ -56466,7 +56437,6 @@ exports[`Editable table 1`] = `
                                         tooltip=""
                                       >
                                         <th
-                                          aria-sort={null}
                                           className=""
                                           data-key={3}
                                           data-label="Text input col 4"
@@ -56506,7 +56476,6 @@ exports[`Editable table 1`] = `
                                         tooltip=""
                                       >
                                         <th
-                                          aria-sort={null}
                                           className=""
                                           data-key={4}
                                           data-label=""
@@ -61591,7 +61560,6 @@ exports[`Header width table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className="pf-m-width-10"
                                         data-key={0}
                                         data-label="Header cell"
@@ -61631,7 +61599,6 @@ exports[`Header width table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -61672,7 +61639,6 @@ exports[`Header width table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className="pf-m-width-30"
                                         data-key={2}
                                         data-label="Pull requests"
@@ -61712,7 +61678,6 @@ exports[`Header width table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -61753,7 +61718,6 @@ exports[`Header width table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -70885,7 +70849,6 @@ exports[`Row click table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -70925,7 +70888,6 @@ exports[`Row click table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -70965,7 +70927,6 @@ exports[`Row click table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -71005,7 +70966,6 @@ exports[`Row click table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -79982,7 +79942,6 @@ exports[`Selectable table 1`] = `
                                       tooltip=""
                                     >
                                       <td
-                                        aria-sort={null}
                                         className="pf-c-table__check"
                                         data-key={0}
                                         data-label=""
@@ -80130,7 +80089,6 @@ exports[`Selectable table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Branches"
@@ -80170,7 +80128,6 @@ exports[`Selectable table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Pull requests"
@@ -80210,7 +80167,6 @@ exports[`Selectable table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Workspaces"
@@ -80250,7 +80206,6 @@ exports[`Selectable table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label="Last Commit"
@@ -90325,7 +90280,6 @@ exports[`Selectable table with Radio 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label=""
@@ -90457,7 +90411,6 @@ exports[`Selectable table with Radio 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Branches"
@@ -90497,7 +90450,6 @@ exports[`Selectable table with Radio 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Pull requests"
@@ -90537,7 +90489,6 @@ exports[`Selectable table with Radio 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Workspaces"
@@ -90577,7 +90528,6 @@ exports[`Selectable table with Radio 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label="Last Commit"
@@ -101093,7 +101043,6 @@ exports[`Simple Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -101133,7 +101082,6 @@ exports[`Simple Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -101173,7 +101121,6 @@ exports[`Simple Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -101213,7 +101160,6 @@ exports[`Simple Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -101254,7 +101200,6 @@ exports[`Simple Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <td
-                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label=""
@@ -116926,7 +116871,6 @@ exports[`Simple table aria-label 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label="Header cell"
@@ -116966,7 +116910,6 @@ exports[`Simple table aria-label 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -117006,7 +116949,6 @@ exports[`Simple table aria-label 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -117046,7 +116988,6 @@ exports[`Simple table aria-label 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -117086,7 +117027,6 @@ exports[`Simple table aria-label 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -125883,7 +125823,6 @@ exports[`Simple table caption 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label="Header cell"
@@ -125923,7 +125862,6 @@ exports[`Simple table caption 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -125963,7 +125901,6 @@ exports[`Simple table caption 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -126003,7 +125940,6 @@ exports[`Simple table caption 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -126043,7 +125979,6 @@ exports[`Simple table caption 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -134844,7 +134779,6 @@ exports[`Simple table header 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label="Header cell"
@@ -134884,7 +134818,6 @@ exports[`Simple table header 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -134924,7 +134857,6 @@ exports[`Simple table header 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -134964,7 +134896,6 @@ exports[`Simple table header 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -135004,7 +134935,6 @@ exports[`Simple table header 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -143905,7 +143835,6 @@ exports[`Sortable table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -143945,7 +143874,6 @@ exports[`Sortable table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -143985,7 +143913,6 @@ exports[`Sortable table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -144025,7 +143952,6 @@ exports[`Sortable table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -152934,7 +152860,6 @@ exports[`Table variants Breakpoint -  1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -152974,7 +152899,6 @@ exports[`Table variants Breakpoint -  1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -153014,7 +152938,6 @@ exports[`Table variants Breakpoint -  1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -153054,7 +152977,6 @@ exports[`Table variants Breakpoint -  1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -161963,7 +161885,6 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -162003,7 +161924,6 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -162043,7 +161963,6 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -162083,7 +162002,6 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -170992,7 +170910,6 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -171032,7 +170949,6 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -171072,7 +170988,6 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -171112,7 +171027,6 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -180021,7 +179935,6 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -180061,7 +179974,6 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -180101,7 +180013,6 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -180141,7 +180052,6 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -189050,7 +188960,6 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -189090,7 +188999,6 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -189130,7 +189038,6 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -189170,7 +189077,6 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -198079,7 +197985,6 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -198119,7 +198024,6 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -198159,7 +198063,6 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -198199,7 +198102,6 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -207108,7 +207010,6 @@ exports[`Table variants Size - compact 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -207148,7 +207049,6 @@ exports[`Table variants Size - compact 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -207188,7 +207088,6 @@ exports[`Table variants Size - compact 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -207228,7 +207127,6 @@ exports[`Table variants Size - compact 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -216137,7 +216035,6 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -216177,7 +216074,6 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -216217,7 +216113,6 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -216257,7 +216152,6 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -225166,7 +225060,6 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -225206,7 +225099,6 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -225246,7 +225138,6 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -225286,7 +225177,6 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
diff --git a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
index 97a0deb9336..cecf39efd28 100644
--- a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
+++ b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
@@ -1185,7 +1185,6 @@ exports[`Actions virtualized table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -1225,7 +1224,6 @@ exports[`Actions virtualized table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -1265,7 +1263,6 @@ exports[`Actions virtualized table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -1305,7 +1302,6 @@ exports[`Actions virtualized table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -1346,7 +1342,6 @@ exports[`Actions virtualized table 1`] = `
                                       tooltip=""
                                     >
                                       <td
-                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label=""
@@ -2467,7 +2462,6 @@ exports[`Selectable virtualized table 1`] = `
                                       tooltip=""
                                     >
                                       <td
-                                        aria-sort={null}
                                         className="pf-c-table__check"
                                         data-key={0}
                                         data-label=""
@@ -2615,7 +2609,6 @@ exports[`Selectable virtualized table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Branches"
@@ -2655,7 +2648,6 @@ exports[`Selectable virtualized table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Pull requests"
@@ -2695,7 +2687,6 @@ exports[`Selectable virtualized table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Workspaces"
@@ -2735,7 +2726,6 @@ exports[`Selectable virtualized table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label="Last Commit"
@@ -4322,7 +4312,6 @@ exports[`Simple Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -4362,7 +4351,6 @@ exports[`Simple Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -4402,7 +4390,6 @@ exports[`Simple Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -4442,7 +4429,6 @@ exports[`Simple Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -4483,7 +4469,6 @@ exports[`Simple Actions table 1`] = `
                                       tooltip=""
                                     >
                                       <td
-                                        aria-sort={null}
                                         className=""
                                         data-key={5}
                                         data-label=""
@@ -5456,7 +5441,6 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label="Header cell"
@@ -5496,7 +5480,6 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -5536,7 +5519,6 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -5576,7 +5558,6 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -5616,7 +5597,6 @@ exports[`Simple virtualized table aria-label 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -6591,7 +6571,6 @@ exports[`Simple virtualized table className 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={0}
                                         data-label="Header cell"
@@ -6631,7 +6610,6 @@ exports[`Simple virtualized table className 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -6671,7 +6649,6 @@ exports[`Simple virtualized table className 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -6711,7 +6688,6 @@ exports[`Simple virtualized table className 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -6751,7 +6727,6 @@ exports[`Simple virtualized table className 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"
@@ -7829,7 +7804,6 @@ exports[`Sortable Virtualized Table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={1}
                                         data-label="Branches"
@@ -7869,7 +7843,6 @@ exports[`Sortable Virtualized Table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={2}
                                         data-label="Pull requests"
@@ -7909,7 +7882,6 @@ exports[`Sortable Virtualized Table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={3}
                                         data-label="Workspaces"
@@ -7949,7 +7921,6 @@ exports[`Sortable Virtualized Table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort={null}
                                         className=""
                                         data-key={4}
                                         data-label="Last Commit"

From fc94bc396fd2316c23d766526f8a39cde7eee4f0 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Wed, 4 Nov 2020 15:55:26 -0500
Subject: [PATCH 27/29] fix umd build circular deps issues

---
 .../src/components/Table/ActionsColumn.tsx    |   2 +-
 .../react-table/src/components/Table/Body.tsx |   3 +-
 .../src/components/Table/BodyWrapper.tsx      |   2 +-
 .../src/components/Table/EditColumn.tsx       |   2 +-
 .../src/components/Table/Header.tsx           |   3 +-
 .../src/components/Table/Table.tsx            | 244 ++----------------
 .../src/components/Table/TableContext.ts      |   2 +-
 .../src/components/Table/TableTypes.ts        | 225 ++++++++++++++++
 .../src/components/Table/examples/Table.md    |  13 -
 .../react-table/src/components/Table/index.ts |   1 +
 .../Table/utils/decorators/cellActions.tsx    |   2 +-
 .../Table/utils/decorators/cellWidth.ts       |   2 +-
 .../Table/utils/decorators/classNames.ts      |   2 +-
 .../Table/utils/decorators/collapsible.tsx    |   2 +-
 .../Table/utils/decorators/compoundExpand.tsx |   2 +-
 .../Table/utils/decorators/editable.tsx       |   2 +-
 .../Table/utils/decorators/headerCol.tsx      |   2 +-
 .../Table/utils/decorators/info.tsx           |   2 +-
 .../Table/utils/decorators/selectable.tsx     |   2 +-
 .../Table/utils/decorators/sortable.tsx       |   2 +-
 .../Table/utils/decorators/textCenter.ts      |   2 +-
 .../Table/utils/decorators/wrappable.tsx      |   2 +-
 .../src/components/Table/utils/formatters.tsx |   2 +-
 .../Table/utils/headerUtils.test.tsx          |   2 +-
 .../components/Table/utils/headerUtils.tsx    |   2 +-
 .../Table/utils/transformers.test.tsx         |   2 +-
 .../components/Table/utils/transformers.tsx   |   2 +-
 .../src/components/Table/utils/utils.test.tsx |   2 +-
 .../src/components/Table/utils/utils.tsx      |   2 +-
 .../TableComposable/TableComposable.tsx       |   3 +-
 .../src/components/TableComposable/Td.tsx     |  25 +-
 .../src/components/TableComposable/Th.tsx     |  22 +-
 32 files changed, 289 insertions(+), 296 deletions(-)
 create mode 100644 packages/react-table/src/components/Table/TableTypes.ts

diff --git a/packages/react-table/src/components/Table/ActionsColumn.tsx b/packages/react-table/src/components/Table/ActionsColumn.tsx
index 4228660eec3..aa3bcafe1bb 100644
--- a/packages/react-table/src/components/Table/ActionsColumn.tsx
+++ b/packages/react-table/src/components/Table/ActionsColumn.tsx
@@ -8,7 +8,7 @@ import {
   DropdownPosition
 } from '@patternfly/react-core/dist/js/components/Dropdown/dropdownConstants';
 
-import { IAction, IExtraData, IRowData } from './Table';
+import { IAction, IExtraData, IRowData } from './TableTypes';
 
 export interface ActionsColumnProps {
   children?: React.ReactNode;
diff --git a/packages/react-table/src/components/Table/Body.tsx b/packages/react-table/src/components/Table/Body.tsx
index f9b37c288a0..e84843f2a66 100644
--- a/packages/react-table/src/components/Table/Body.tsx
+++ b/packages/react-table/src/components/Table/Body.tsx
@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { Body as BaseBody } from './base';
 import { RowType, RowKeyType } from './base/types';
-import { TableContext, IRow, IRowCell, IExtraRowData } from './Table';
+import { IRow, IRowCell, IExtraRowData } from './TableTypes';
+import { TableContext } from './TableContext';
 import { isRowExpanded } from './utils';
 
 export interface IComputedData {
diff --git a/packages/react-table/src/components/Table/BodyWrapper.tsx b/packages/react-table/src/components/Table/BodyWrapper.tsx
index 2664f31c518..75333565558 100644
--- a/packages/react-table/src/components/Table/BodyWrapper.tsx
+++ b/packages/react-table/src/components/Table/BodyWrapper.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IRow, IRowData, IExtraData, IHeaderRow } from './Table';
+import { IRow, IRowData, IExtraData, IHeaderRow } from './TableTypes';
 import { mapOpenedRows } from './utils/headerUtils';
 import { Tbody } from '../TableComposable/Tbody';
 
diff --git a/packages/react-table/src/components/Table/EditColumn.tsx b/packages/react-table/src/components/Table/EditColumn.tsx
index fe6d58ff6bd..49c8edcdad9 100644
--- a/packages/react-table/src/components/Table/EditColumn.tsx
+++ b/packages/react-table/src/components/Table/EditColumn.tsx
@@ -3,7 +3,7 @@ import { Button } from '@patternfly/react-core/dist/js/components/Button';
 import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
 import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
-import { OnRowEdit } from './Table';
+import { OnRowEdit } from './TableTypes';
 import inlineStyles from '@patternfly/react-styles/css/components/InlineEdit/inline-edit';
 import { css } from '@patternfly/react-styles';
 
diff --git a/packages/react-table/src/components/Table/Header.tsx b/packages/react-table/src/components/Table/Header.tsx
index 2cdbd1e03bf..90751ca148b 100644
--- a/packages/react-table/src/components/Table/Header.tsx
+++ b/packages/react-table/src/components/Table/Header.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Header } from './base';
-import { IHeaderRow, TableContext } from './Table';
+import { IHeaderRow } from './TableTypes';
+import { TableContext } from './TableContext';
 import { ColumnsType } from './base/types';
 
 interface ContextHeaderProps {
diff --git a/packages/react-table/src/components/Table/Table.tsx b/packages/react-table/src/components/Table/Table.tsx
index c5a2b1e69a1..91eb11238d6 100644
--- a/packages/react-table/src/components/Table/Table.tsx
+++ b/packages/react-table/src/components/Table/Table.tsx
@@ -4,7 +4,6 @@ import {
   DropdownDirection,
   DropdownPosition
 } from '@patternfly/react-core/dist/js/components/Dropdown/dropdownConstants';
-import { DropdownItemProps } from '@patternfly/react-core/dist/js/components/Dropdown/DropdownItem';
 import inlineStyles from '@patternfly/react-styles/css/components/InlineEdit/inline-edit';
 import { css } from '@patternfly/react-styles';
 import { Provider } from './base';
@@ -13,227 +12,24 @@ import { HeaderCell } from './HeaderCell';
 import { RowWrapper, RowWrapperProps } from './RowWrapper';
 import { BodyWrapper } from './BodyWrapper';
 import { calculateColumns } from './utils/headerUtils';
-import { formatterValueType, ColumnType, RowType, RowKeyType, ColumnsType, HeaderType } from './base';
 import { RowSelectVariant } from './SelectColumn';
-import { SortByDirection } from './SortColumn';
-
-export enum TableGridBreakpoint {
-  none = '',
-  grid = 'grid',
-  gridMd = 'grid-md',
-  gridLg = 'grid-lg',
-  gridXl = 'grid-xl',
-  grid2xl = 'grid-2xl'
-}
-
-export enum TableVariant {
-  compact = 'compact',
-  compactBorderless = 'compactBorderless',
-  compactExpandable = 'compactExpandable'
-}
-
-export type RowEditType = 'save' | 'cancel' | 'edit';
-
-export interface RowErrors {
-  [name: string]: string[];
-}
-
-export type OnSort = (
-  event: React.MouseEvent,
-  columnIndex: number,
-  sortByDirection: SortByDirection,
-  extraData: IExtraColumnData
-) => void;
-export type OnCollapse = (
-  event: React.MouseEvent,
-  rowIndex: number,
-  isOpen: boolean,
-  rowData: IRowData,
-  extraData: IExtraData
-) => void;
-export type OnExpand = (
-  event: React.MouseEvent,
-  rowIndex: number,
-  colIndex: number,
-  isOpen: boolean,
-  rowData: IRowData,
-  extraData: IExtraData
-) => void;
-export type OnSelect = (
-  event: React.FormEvent<HTMLInputElement>,
-  isSelected: boolean,
-  rowIndex: number,
-  rowData: IRowData,
-  extraData: IExtraData
-) => void;
-export type OnRowEdit = (
-  event: React.MouseEvent<HTMLButtonElement>,
-  type: RowEditType,
-  isEditable?: boolean,
-  rowIndex?: number,
-  validationErrors?: RowErrors
-) => void;
-
-// Todo: Update type with next breaking change release
-// export type IHeaderRow = ColumnType;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface IHeaderRow extends ColumnType {}
-
-export interface IRowData extends IRow {
-  disableActions?: boolean;
-}
-
-export interface IColumn {
-  extraParams: {
-    sortBy?: ISortBy;
-    onSort?: OnSort;
-    onCollapse?: OnCollapse;
-    onExpand?: OnExpand;
-    onSelect?: OnSelect;
-    selectVariant?: 'checkbox' | 'radio';
-    onRowEdit?: OnRowEdit;
-    rowLabeledBy?: string;
-    expandId?: string;
-    contentId?: string;
-    dropdownPosition?: DropdownPosition;
-    dropdownDirection?: DropdownDirection;
-    allRowsSelected?: boolean;
-  };
-}
-
-export interface IExtraRowData {
-  rowIndex?: number;
-  rowKey?: RowKeyType;
-}
-
-export interface IExtraColumnData {
-  columnIndex?: number;
-  column?: IColumn;
-  property?: string;
-}
-
-export interface IExtraData extends IExtraColumnData, IExtraRowData {}
-
-export interface IExtra extends IExtraData {
-  rowData?: IRowData;
-}
-
-export type IFormatterValueType = formatterValueType & {
-  title?: string | React.ReactNode;
-  props?: any;
-};
-
-export interface ISortBy {
-  index?: number;
-  direction?: 'asc' | 'desc';
-}
-
-export interface IAction extends Omit<DropdownItemProps, 'title' | 'onClick'> {
-  isSeparator?: boolean;
-  itemKey?: string;
-  title?: string | React.ReactNode;
-  onClick?: (event: React.MouseEvent, rowIndex: number, rowData: IRowData, extraData: IExtraData) => void;
-}
-
-export interface ISeparator extends IAction {
-  isSeparator: boolean;
-}
-
-export type IActions = (IAction | ISeparator)[];
-export type IActionsResolver = (rowData: IRowData, extraData: IExtraData) => (IAction | ISeparator)[];
-export type IAreActionsDisabled = (rowData: IRowData, extraData: IExtraData) => boolean;
-
-// to be removed in future, this interface is no longer accurate
-export interface IDecorator extends React.HTMLProps<HTMLElement> {
-  isVisible: boolean;
-  children?: React.ReactNode;
-}
-
-export interface decoratorReturnType {
-  className?: string;
-  'aria-sort'?: string;
-  children?: React.ReactNode;
-  textCenter?: boolean;
-  component?: string;
-  isVisible?: boolean;
-  title?: string | React.ReactNode;
-  props?: any;
-  scope?: string;
-  parentId?: number;
-  colSpan?: number;
-  id?: React.ReactText;
-}
-
-export type ITransform = (label?: IFormatterValueType, extra?: IExtra) => decoratorReturnType;
-
-export type IFormatter = (data?: IFormatterValueType, extra?: IExtra) => formatterValueType & decoratorReturnType;
-
-export interface ICell {
-  /* cell contents */
-  title?: string | React.ReactNode;
-  /** transformations applied to the header cell */
-  transforms?: ITransform[];
-  /** transformations applied to the cells within the column's body */
-  cellTransforms?: ITransform[];
-  /** transformations applied to the whole column */
-  columnTransforms?: ITransform[];
-  /** formatters applied to the header cell */
-  formatters?: IFormatter[];
-  /** formatters applied to the cells within the column's body */
-  cellFormatters?: IFormatter[];
-  /** Additional header props, it contains the info prop as well which can be used to add tooltip/popover */
-  header?: HeaderType;
-  props?: any;
-  data?: any;
-  cell?: any;
-  dataLabel?: string;
-}
-
-export type RowCellContent = (value?: string, rowIndex?: number, cellIndex?: number, props?: any) => void;
-
-export interface IRowCell {
-  title?: string | React.ReactNode | RowCellContent;
-  props?: any;
-  formatters?: IFormatter[];
-}
-
-export interface IValidatorDef {
-  validator: (value: string) => boolean;
-  errorText: string;
-  name: string;
-}
-
-export interface IRow extends RowType {
-  cells?: (React.ReactNode | IRowCell)[];
-  isOpen?: boolean;
-  isEditable?: boolean;
-  isValid?: boolean;
-  /** An array of validation functions to run against every cell for a given row */
-  rowEditValidationRules?: IValidatorDef[];
-  /** Aria label for edit button in inline edit */
-  rowEditBtnAriaLabel?: (idx: number) => string;
-  /** Aria label for save button in inline edit */
-  rowSaveBtnAriaLabel?: (idx: number) => string;
-  /** Aria label for cancel button in inline edit */
-  rowCancelBtnAriaLabel?: (idx: number) => string;
-  parent?: number;
-  compoundParent?: number;
-  props?: any;
-  fullWidth?: boolean;
-  noPadding?: boolean;
-  heightAuto?: boolean;
-  showSelect?: boolean;
-  isExpanded?: boolean;
-  isFirstVisible?: boolean;
-  isLastVisible?: boolean;
-  /** Whether the row checkbox/radio button is selected */
-  selected?: boolean;
-  /** deprecated - Use disableSelection instead - Whether the row checkbox is disabled */
-  disableCheckbox?: boolean;
-  /** Whether the row checkbox/radio button is disabled */
-  disableSelection?: boolean;
-}
+import { TableContext } from './TableContext';
+import {
+  ISortBy,
+  OnCollapse,
+  OnExpand,
+  OnSelect,
+  OnRowEdit,
+  OnSort,
+  IActions,
+  IActionsResolver,
+  IAreActionsDisabled,
+  IRow,
+  ICell,
+  TableVariant,
+  TableGridBreakpoint,
+  IHeaderRow
+} from './TableTypes';
 
 export interface TableProps extends OUIAProps {
   /** Adds an accessible name for the Table */
@@ -302,12 +98,6 @@ export interface TableProps extends OUIAProps {
   isStickyHeader?: boolean;
 }
 
-export const TableContext = React.createContext({
-  headerData: null as ColumnsType,
-  headerRows: null as IHeaderRow[],
-  rows: [] as (IRow | string[])[]
-});
-
 export class Table extends React.Component<TableProps, {}> {
   static displayName = 'Table';
   static hasWarnBeta = false;
diff --git a/packages/react-table/src/components/Table/TableContext.ts b/packages/react-table/src/components/Table/TableContext.ts
index 7296cfac94f..58486b6ce62 100644
--- a/packages/react-table/src/components/Table/TableContext.ts
+++ b/packages/react-table/src/components/Table/TableContext.ts
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IHeaderRow, IRow } from './Table';
+import { IHeaderRow, IRow } from './TableTypes';
 import { ColumnsType } from './base';
 
 export const TableContext = React.createContext({
diff --git a/packages/react-table/src/components/Table/TableTypes.ts b/packages/react-table/src/components/Table/TableTypes.ts
new file mode 100644
index 00000000000..3f3dd6394b3
--- /dev/null
+++ b/packages/react-table/src/components/Table/TableTypes.ts
@@ -0,0 +1,225 @@
+import { DropdownItemProps } from '@patternfly/react-core/dist/js/components/Dropdown/DropdownItem';
+import { formatterValueType, ColumnType, RowType, RowKeyType, HeaderType } from './base';
+import { SortByDirection } from './SortColumn';
+import {
+  DropdownDirection,
+  DropdownPosition
+} from '@patternfly/react-core/dist/js/components/Dropdown/dropdownConstants';
+
+export enum TableGridBreakpoint {
+  none = '',
+  grid = 'grid',
+  gridMd = 'grid-md',
+  gridLg = 'grid-lg',
+  gridXl = 'grid-xl',
+  grid2xl = 'grid-2xl'
+}
+
+export enum TableVariant {
+  compact = 'compact',
+  compactBorderless = 'compactBorderless',
+  compactExpandable = 'compactExpandable'
+}
+
+export type RowEditType = 'save' | 'cancel' | 'edit';
+
+export interface RowErrors {
+  [name: string]: string[];
+}
+
+export type OnSort = (
+  event: React.MouseEvent,
+  columnIndex: number,
+  sortByDirection: SortByDirection,
+  extraData: IExtraColumnData
+) => void;
+export type OnCollapse = (
+  event: React.MouseEvent,
+  rowIndex: number,
+  isOpen: boolean,
+  rowData: IRowData,
+  extraData: IExtraData
+) => void;
+export type OnExpand = (
+  event: React.MouseEvent,
+  rowIndex: number,
+  colIndex: number,
+  isOpen: boolean,
+  rowData: IRowData,
+  extraData: IExtraData
+) => void;
+export type OnSelect = (
+  event: React.FormEvent<HTMLInputElement>,
+  isSelected: boolean,
+  rowIndex: number,
+  rowData: IRowData,
+  extraData: IExtraData
+) => void;
+export type OnRowEdit = (
+  event: React.MouseEvent<HTMLButtonElement>,
+  type: RowEditType,
+  isEditable?: boolean,
+  rowIndex?: number,
+  validationErrors?: RowErrors
+) => void;
+
+// Todo: Update type with next breaking change release
+// export type IHeaderRow = ColumnType;
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface IHeaderRow extends ColumnType {}
+
+export interface IRowData extends IRow {
+  disableActions?: boolean;
+}
+
+export interface IColumn {
+  extraParams: {
+    sortBy?: ISortBy;
+    onSort?: OnSort;
+    onCollapse?: OnCollapse;
+    onExpand?: OnExpand;
+    onSelect?: OnSelect;
+    selectVariant?: 'checkbox' | 'radio';
+    onRowEdit?: OnRowEdit;
+    rowLabeledBy?: string;
+    expandId?: string;
+    contentId?: string;
+    dropdownPosition?: DropdownPosition;
+    dropdownDirection?: DropdownDirection;
+    allRowsSelected?: boolean;
+  };
+}
+
+export interface IExtraRowData {
+  rowIndex?: number;
+  rowKey?: RowKeyType;
+}
+
+export interface IExtraColumnData {
+  columnIndex?: number;
+  column?: IColumn;
+  property?: string;
+}
+
+export interface IExtraData extends IExtraColumnData, IExtraRowData {}
+
+export interface IExtra extends IExtraData {
+  rowData?: IRowData;
+}
+
+export type IFormatterValueType = formatterValueType & {
+  title?: string | React.ReactNode;
+  props?: any;
+};
+
+export interface ISortBy {
+  index?: number;
+  direction?: 'asc' | 'desc';
+}
+
+export interface IAction extends Omit<DropdownItemProps, 'title' | 'onClick'> {
+  isSeparator?: boolean;
+  itemKey?: string;
+  title?: string | React.ReactNode;
+  onClick?: (event: React.MouseEvent, rowIndex: number, rowData: IRowData, extraData: IExtraData) => void;
+}
+
+export interface ISeparator extends IAction {
+  isSeparator: boolean;
+}
+
+export type IActions = (IAction | ISeparator)[];
+export type IActionsResolver = (rowData: IRowData, extraData: IExtraData) => (IAction | ISeparator)[];
+export type IAreActionsDisabled = (rowData: IRowData, extraData: IExtraData) => boolean;
+
+// to be removed in future, this interface is no longer accurate
+export interface IDecorator extends React.HTMLProps<HTMLElement> {
+  isVisible: boolean;
+  children?: React.ReactNode;
+}
+
+export interface decoratorReturnType {
+  className?: string;
+  'aria-sort'?: string;
+  children?: React.ReactNode;
+  textCenter?: boolean;
+  component?: string;
+  isVisible?: boolean;
+  title?: string | React.ReactNode;
+  props?: any;
+  scope?: string;
+  parentId?: number;
+  colSpan?: number;
+  id?: React.ReactText;
+}
+
+export type ITransform = (label?: IFormatterValueType, extra?: IExtra) => decoratorReturnType;
+
+export type IFormatter = (data?: IFormatterValueType, extra?: IExtra) => formatterValueType & decoratorReturnType;
+
+export interface ICell {
+  /* cell contents */
+  title?: string | React.ReactNode;
+  /** transformations applied to the header cell */
+  transforms?: ITransform[];
+  /** transformations applied to the cells within the column's body */
+  cellTransforms?: ITransform[];
+  /** transformations applied to the whole column */
+  columnTransforms?: ITransform[];
+  /** formatters applied to the header cell */
+  formatters?: IFormatter[];
+  /** formatters applied to the cells within the column's body */
+  cellFormatters?: IFormatter[];
+  /** Additional header props, it contains the info prop as well which can be used to add tooltip/popover */
+  header?: HeaderType;
+  props?: any;
+  data?: any;
+  cell?: any;
+  dataLabel?: string;
+}
+
+export type RowCellContent = (value?: string, rowIndex?: number, cellIndex?: number, props?: any) => void;
+
+export interface IRowCell {
+  title?: string | React.ReactNode | RowCellContent;
+  props?: any;
+  formatters?: IFormatter[];
+}
+
+export interface IValidatorDef {
+  validator: (value: string) => boolean;
+  errorText: string;
+  name: string;
+}
+
+export interface IRow extends RowType {
+  cells?: (React.ReactNode | IRowCell)[];
+  isOpen?: boolean;
+  isEditable?: boolean;
+  isValid?: boolean;
+  /** An array of validation functions to run against every cell for a given row */
+  rowEditValidationRules?: IValidatorDef[];
+  /** Aria label for edit button in inline edit */
+  rowEditBtnAriaLabel?: (idx: number) => string;
+  /** Aria label for save button in inline edit */
+  rowSaveBtnAriaLabel?: (idx: number) => string;
+  /** Aria label for cancel button in inline edit */
+  rowCancelBtnAriaLabel?: (idx: number) => string;
+  parent?: number;
+  compoundParent?: number;
+  props?: any;
+  fullWidth?: boolean;
+  noPadding?: boolean;
+  heightAuto?: boolean;
+  showSelect?: boolean;
+  isExpanded?: boolean;
+  isFirstVisible?: boolean;
+  isLastVisible?: boolean;
+  /** Whether the row checkbox/radio button is selected */
+  selected?: boolean;
+  /** deprecated - Use disableSelection instead - Whether the row checkbox is disabled */
+  disableCheckbox?: boolean;
+  /** Whether the row checkbox/radio button is disabled */
+  disableSelection?: boolean;
+}
diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index 6f847c6f9f5..bc45a2c1fa2 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -9,19 +9,6 @@ propComponents:
     'TableBody',
     'EditableSelectInputCell',
     'EditableTextCell',
-    'RowErrors',
-    'IHeaderRow',
-    'IRowData',
-    'IColumn',
-    'IExtraRowData',
-    'IExtraColumnData',
-    'ISortBy',
-    'IAction',
-    'ISeparator',
-    'ICell',
-    'IRowCell',
-    'IValidatorDef',
-    'IRow',
     'TableComposable',
     'Thead',
     'Tbody',
diff --git a/packages/react-table/src/components/Table/index.ts b/packages/react-table/src/components/Table/index.ts
index b8842c472d6..38f3ad73b27 100644
--- a/packages/react-table/src/components/Table/index.ts
+++ b/packages/react-table/src/components/Table/index.ts
@@ -15,3 +15,4 @@ export * from './SelectColumn';
 export * from './SortColumn';
 export * from './TableText';
 export * from './utils';
+export * from './TableTypes';
diff --git a/packages/react-table/src/components/Table/utils/decorators/cellActions.tsx b/packages/react-table/src/components/Table/utils/decorators/cellActions.tsx
index b2d0b0cf2e7..86f8c1d6675 100644
--- a/packages/react-table/src/components/Table/utils/decorators/cellActions.tsx
+++ b/packages/react-table/src/components/Table/utils/decorators/cellActions.tsx
@@ -12,7 +12,7 @@ import {
   IFormatterValueType,
   IRowData,
   ITransform
-} from '../../Table';
+} from '../../TableTypes';
 
 const resolveOrDefault = (
   resolver: IActionsResolver | IAreActionsDisabled,
diff --git a/packages/react-table/src/components/Table/utils/decorators/cellWidth.ts b/packages/react-table/src/components/Table/utils/decorators/cellWidth.ts
index ef368fb168a..99a7068cec7 100644
--- a/packages/react-table/src/components/Table/utils/decorators/cellWidth.ts
+++ b/packages/react-table/src/components/Table/utils/decorators/cellWidth.ts
@@ -1,6 +1,6 @@
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
-import { ITransform } from '../../Table';
+import { ITransform } from '../../TableTypes';
 import { capitalize } from '../utils';
 
 type WidthClass =
diff --git a/packages/react-table/src/components/Table/utils/decorators/classNames.ts b/packages/react-table/src/components/Table/utils/decorators/classNames.ts
index 367955dbf65..f6d3e9adefa 100644
--- a/packages/react-table/src/components/Table/utils/decorators/classNames.ts
+++ b/packages/react-table/src/components/Table/utils/decorators/classNames.ts
@@ -1,6 +1,6 @@
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
-import { ITransform } from '../../Table';
+import { ITransform } from '../../TableTypes';
 
 const visibilityModifiers = [
   'hidden',
diff --git a/packages/react-table/src/components/Table/utils/decorators/collapsible.tsx b/packages/react-table/src/components/Table/utils/decorators/collapsible.tsx
index 3238b699c92..88bcd16c1bd 100644
--- a/packages/react-table/src/components/Table/utils/decorators/collapsible.tsx
+++ b/packages/react-table/src/components/Table/utils/decorators/collapsible.tsx
@@ -3,7 +3,7 @@ import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 import { CollapseColumn } from '../../CollapseColumn';
 import { ExpandableRowContent } from '../../ExpandableRowContent';
-import { IExtra, IFormatterValueType, IFormatter, decoratorReturnType } from '../../Table';
+import { IExtra, IFormatterValueType, IFormatter, decoratorReturnType } from '../../TableTypes';
 
 export const collapsible: IFormatter = (
   value: IFormatterValueType,
diff --git a/packages/react-table/src/components/Table/utils/decorators/compoundExpand.tsx b/packages/react-table/src/components/Table/utils/decorators/compoundExpand.tsx
index e7a10139211..f518fd90142 100644
--- a/packages/react-table/src/components/Table/utils/decorators/compoundExpand.tsx
+++ b/packages/react-table/src/components/Table/utils/decorators/compoundExpand.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
-import { IExtra, IFormatterValueType, ITransform } from '../../Table';
+import { IExtra, IFormatterValueType, ITransform } from '../../TableTypes';
 import { TableText } from '../../TableText';
 
 export const compoundExpand: ITransform = (
diff --git a/packages/react-table/src/components/Table/utils/decorators/editable.tsx b/packages/react-table/src/components/Table/utils/decorators/editable.tsx
index 94fa988e707..7a42a04ec5b 100644
--- a/packages/react-table/src/components/Table/utils/decorators/editable.tsx
+++ b/packages/react-table/src/components/Table/utils/decorators/editable.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IExtra, IFormatterValueType, ITransform, IRowCell, OnRowEdit, RowErrors, RowEditType } from '../../Table';
+import { IExtra, IFormatterValueType, ITransform, IRowCell, OnRowEdit, RowErrors, RowEditType } from '../../TableTypes';
 import { EditColumn } from '../../EditColumn';
 import tableStyles from '@patternfly/react-styles/css/components/Table/table';
 
diff --git a/packages/react-table/src/components/Table/utils/decorators/headerCol.tsx b/packages/react-table/src/components/Table/utils/decorators/headerCol.tsx
index 5b061f9fbc8..a5c7b1732d3 100644
--- a/packages/react-table/src/components/Table/utils/decorators/headerCol.tsx
+++ b/packages/react-table/src/components/Table/utils/decorators/headerCol.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IExtra, IFormatterValueType, ITransform } from '../../Table';
+import { IExtra, IFormatterValueType, ITransform } from '../../TableTypes';
 
 export const headerCol = (id = 'simple-node') => {
   const headerColObj: ITransform = (value: IFormatterValueType, { rowIndex }: IExtra = {}) => {
diff --git a/packages/react-table/src/components/Table/utils/decorators/info.tsx b/packages/react-table/src/components/Table/utils/decorators/info.tsx
index b4c15740cd9..fddaa87bf29 100644
--- a/packages/react-table/src/components/Table/utils/decorators/info.tsx
+++ b/packages/react-table/src/components/Table/utils/decorators/info.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { InfoType } from '../../base/types';
 import { HeaderCellInfoWrapper } from '../../HeaderCellInfoWrapper';
-import { IFormatterValueType, ITransform } from '../../Table';
+import { IFormatterValueType, ITransform } from '../../TableTypes';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 
 export const info = ({ tooltip, tooltipProps, popover, popoverProps, className, ariaLabel }: InfoType) => {
diff --git a/packages/react-table/src/components/Table/utils/decorators/selectable.tsx b/packages/react-table/src/components/Table/utils/decorators/selectable.tsx
index 2094420ceb3..2baa3224b0c 100644
--- a/packages/react-table/src/components/Table/utils/decorators/selectable.tsx
+++ b/packages/react-table/src/components/Table/utils/decorators/selectable.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
-import { IExtra, IFormatterValueType, ITransform } from '../../Table';
+import { IExtra, IFormatterValueType, ITransform } from '../../TableTypes';
 import { SelectColumn, RowSelectVariant } from '../../SelectColumn';
 import checkStyles from '@patternfly/react-styles/css/components/Check/check';
 
diff --git a/packages/react-table/src/components/Table/utils/decorators/sortable.tsx b/packages/react-table/src/components/Table/utils/decorators/sortable.tsx
index 8add015e582..186f779b100 100644
--- a/packages/react-table/src/components/Table/utils/decorators/sortable.tsx
+++ b/packages/react-table/src/components/Table/utils/decorators/sortable.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
-import { IExtra, IFormatterValueType, ITransform } from '../../Table';
+import { IExtra, IFormatterValueType, ITransform } from '../../TableTypes';
 import { SortColumn, SortByDirection } from '../../SortColumn';
 
 export const sortable: ITransform = (label: IFormatterValueType, { columnIndex, column, property }: IExtra) => {
diff --git a/packages/react-table/src/components/Table/utils/decorators/textCenter.ts b/packages/react-table/src/components/Table/utils/decorators/textCenter.ts
index f194fcfd6d0..dfaec1607a1 100644
--- a/packages/react-table/src/components/Table/utils/decorators/textCenter.ts
+++ b/packages/react-table/src/components/Table/utils/decorators/textCenter.ts
@@ -1,2 +1,2 @@
-import { ITransform } from '../../Table';
+import { ITransform } from '../../TableTypes';
 export const textCenter: ITransform = () => ({ textCenter: true });
diff --git a/packages/react-table/src/components/Table/utils/decorators/wrappable.tsx b/packages/react-table/src/components/Table/utils/decorators/wrappable.tsx
index dd15cd4c088..d58c6a5da12 100644
--- a/packages/react-table/src/components/Table/utils/decorators/wrappable.tsx
+++ b/packages/react-table/src/components/Table/utils/decorators/wrappable.tsx
@@ -1,5 +1,5 @@
 import styles from '@patternfly/react-styles/css/components/Table/table';
-import { ITransform } from '../../Table';
+import { ITransform } from '../../TableTypes';
 
 export const breakWord: ITransform = () => ({
   className: styles.modifiers.breakWord
diff --git a/packages/react-table/src/components/Table/utils/formatters.tsx b/packages/react-table/src/components/Table/utils/formatters.tsx
index ff1ac33b4f3..a43478478b8 100644
--- a/packages/react-table/src/components/Table/utils/formatters.tsx
+++ b/packages/react-table/src/components/Table/utils/formatters.tsx
@@ -1,4 +1,4 @@
-import { IFormatterValueType, IFormatter } from '../Table';
+import { IFormatterValueType, IFormatter } from '../TableTypes';
 
 const defaultTitle: IFormatter = (data: IFormatterValueType) =>
   data && data.hasOwnProperty('title') ? data.title : data;
diff --git a/packages/react-table/src/components/Table/utils/headerUtils.test.tsx b/packages/react-table/src/components/Table/utils/headerUtils.test.tsx
index 7b53364487f..57d5acbb5d0 100644
--- a/packages/react-table/src/components/Table/utils/headerUtils.test.tsx
+++ b/packages/react-table/src/components/Table/utils/headerUtils.test.tsx
@@ -1,5 +1,5 @@
 import { calculateColumns, mapOpenedRows } from './headerUtils';
-import { ICell, IRow } from '../Table';
+import { ICell, IRow } from '../TableTypes';
 
 describe('headerUtils', () => {
   describe('calculateColumns', () => {
diff --git a/packages/react-table/src/components/Table/utils/headerUtils.tsx b/packages/react-table/src/components/Table/utils/headerUtils.tsx
index 7ad85e6bc3a..743ce578004 100644
--- a/packages/react-table/src/components/Table/utils/headerUtils.tsx
+++ b/packages/react-table/src/components/Table/utils/headerUtils.tsx
@@ -20,7 +20,7 @@ import {
   OnSelect,
   OnCollapse,
   OnRowEdit
-} from '../Table';
+} from '../TableTypes';
 
 /**
  * Generate header with transforms and formatters from custom header object.
diff --git a/packages/react-table/src/components/Table/utils/transformers.test.tsx b/packages/react-table/src/components/Table/utils/transformers.test.tsx
index 2051f275dba..7d66a8423bb 100644
--- a/packages/react-table/src/components/Table/utils/transformers.test.tsx
+++ b/packages/react-table/src/components/Table/utils/transformers.test.tsx
@@ -26,7 +26,7 @@ import {
   IExtraData,
   IRowData,
   ISeparator
-} from '../Table';
+} from '../TableTypes';
 
 const testCellActions = ({
   actions,
diff --git a/packages/react-table/src/components/Table/utils/transformers.tsx b/packages/react-table/src/components/Table/utils/transformers.tsx
index bd020534777..2a6ab5a8068 100644
--- a/packages/react-table/src/components/Table/utils/transformers.tsx
+++ b/packages/react-table/src/components/Table/utils/transformers.tsx
@@ -11,7 +11,7 @@ export { headerCol } from './decorators/headerCol';
 export { classNames, Visibility } from './decorators/classNames';
 export { info } from './decorators/info';
 
-import { IFormatterValueType, IExtra, ITransform } from '../Table';
+import { IFormatterValueType, IExtra, ITransform } from '../TableTypes';
 
 const emptyTD: ITransform = () => ({
   scope: '',
diff --git a/packages/react-table/src/components/Table/utils/utils.test.tsx b/packages/react-table/src/components/Table/utils/utils.test.tsx
index 561f4368cc7..21bcf96de6e 100644
--- a/packages/react-table/src/components/Table/utils/utils.test.tsx
+++ b/packages/react-table/src/components/Table/utils/utils.test.tsx
@@ -1,6 +1,6 @@
 import { isRowExpanded } from './utils';
 import { buildExpandableRows } from '../../../test-helpers/data-helpers';
-import { IRow } from '../Table';
+import { IRow } from '../TableTypes';
 
 const assertExpanded = (rows: IRow[], expandedRowIndexes: number[]) => {
   expandedRowIndexes.forEach((expandedRowIndex: number) => {
diff --git a/packages/react-table/src/components/Table/utils/utils.tsx b/packages/react-table/src/components/Table/utils/utils.tsx
index dcdf01e3fa1..05cff012879 100644
--- a/packages/react-table/src/components/Table/utils/utils.tsx
+++ b/packages/react-table/src/components/Table/utils/utils.tsx
@@ -1,4 +1,4 @@
-import { IRow, IRowCell, IValidatorDef, RowEditType, RowErrors } from '../Table';
+import { IRow, IRowCell, IValidatorDef, RowEditType, RowErrors } from '../TableTypes';
 
 const hasCompoundParentsExpanded = (parentId: number, compoundParent: number, rows: IRow[]) => {
   // max rows.length parents
diff --git a/packages/react-table/src/components/TableComposable/TableComposable.tsx b/packages/react-table/src/components/TableComposable/TableComposable.tsx
index 4c55b97b24a..b7d3dfb31bf 100644
--- a/packages/react-table/src/components/TableComposable/TableComposable.tsx
+++ b/packages/react-table/src/components/TableComposable/TableComposable.tsx
@@ -2,9 +2,10 @@ import * as React from 'react';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 import stylesGrid from '@patternfly/react-styles/css/components/Table/table-grid';
 import { css } from '@patternfly/react-styles';
-import { TableGridBreakpoint, TableVariant, toCamel } from '../Table';
+import { toCamel } from '../Table/utils/utils';
 import { IVisibility } from '../Table/utils/decorators/classNames';
 import { useOUIAProps, OUIAProps } from '@patternfly/react-core';
+import { TableGridBreakpoint, TableVariant } from '../Table/TableTypes';
 
 export interface BaseCellProps {
   /** Content rendered inside the cell */
diff --git a/packages/react-table/src/components/TableComposable/Td.tsx b/packages/react-table/src/components/TableComposable/Td.tsx
index dc220ecdd33..f737011f221 100644
--- a/packages/react-table/src/components/TableComposable/Td.tsx
+++ b/packages/react-table/src/components/TableComposable/Td.tsx
@@ -1,27 +1,20 @@
 import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
-import {
-  OnSelect,
-  selectable,
-  cellActions,
-  IActions,
-  IFormatterValueType,
-  collapsible,
-  compoundExpand,
-  OnExpand,
-  cellWidth,
-  Visibility,
-  classNames,
-  OnCollapse
-} from '../Table';
-import { mergeProps } from '../Table/base';
-import { IVisibility } from '../Table/utils/decorators/classNames';
 import {
   DropdownDirection,
   DropdownPosition
 } from '@patternfly/react-core/dist/js/components/Dropdown/dropdownConstants';
 import { BaseCellProps } from './TableComposable';
+import { cellActions } from '../Table/utils/decorators/cellActions';
+import { selectable } from '../Table/utils/decorators/selectable';
+import { collapsible } from '../Table/utils/decorators/collapsible';
+import { compoundExpand } from '../Table/utils/decorators/compoundExpand';
+import { cellWidth } from './../Table/utils/decorators/cellWidth';
+import { Visibility, classNames } from './../Table/utils/decorators/classNames';
+import { mergeProps } from '../Table/base/merge-props';
+import { IVisibility } from '../Table/utils/decorators/classNames';
+import { OnSelect, IFormatterValueType, IActions, OnExpand, OnCollapse } from '../Table/TableTypes';
 
 export interface TdProps extends BaseCellProps, Omit<React.HTMLProps<HTMLTableDataCellElement>, 'onSelect' | 'width'> {
   /**
diff --git a/packages/react-table/src/components/TableComposable/Th.tsx b/packages/react-table/src/components/TableComposable/Th.tsx
index afe3fe3a268..3e8018e1fa6 100644
--- a/packages/react-table/src/components/TableComposable/Th.tsx
+++ b/packages/react-table/src/components/TableComposable/Th.tsx
@@ -1,23 +1,17 @@
 import * as React from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
-import {
-  sortable,
-  selectable,
-  OnSelect,
-  IFormatterValueType,
-  IColumn,
-  ISortBy,
-  OnSort,
-  cellWidth,
-  Visibility,
-  classNames,
-  info
-} from '../Table';
-import { InfoType, mergeProps } from '../Table/base';
+import { info } from '../Table/utils/decorators/info';
+import { sortable } from '../Table/utils/decorators/sortable';
+import { selectable } from '../Table/utils/decorators/selectable';
+import { cellWidth } from './../Table/utils/decorators/cellWidth';
+import { Visibility, classNames } from './../Table/utils/decorators/classNames';
+import { InfoType } from '../Table/base/types';
+import { mergeProps } from '../Table/base/merge-props';
 import { IVisibility } from '../Table/utils/decorators/classNames';
 import { Tooltip } from '@patternfly/react-core/dist/js/components/Tooltip/Tooltip';
 import { BaseCellProps } from './TableComposable';
+import { OnSelect, IFormatterValueType, IColumn, ISortBy, OnSort } from '../Table/TableTypes';
 
 export interface ThProps
   extends BaseCellProps,

From 90ee50ef8a98f0360cb98fea60f238363aca4682 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Wed, 4 Nov 2020 16:16:12 -0500
Subject: [PATCH 28/29] add missing TableContext export

---
 packages/react-table/src/components/Table/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react-table/src/components/Table/index.ts b/packages/react-table/src/components/Table/index.ts
index 38f3ad73b27..bfd1a789385 100644
--- a/packages/react-table/src/components/Table/index.ts
+++ b/packages/react-table/src/components/Table/index.ts
@@ -16,3 +16,4 @@ export * from './SortColumn';
 export * from './TableText';
 export * from './utils';
 export * from './TableTypes';
+export * from './TableContext';

From 7610a100ebaf1c1aa934675d85a297b01e4ffd68 Mon Sep 17 00:00:00 2001
From: Joachim Schuler <jschuler@redhat.com>
Date: Tue, 10 Nov 2020 13:06:46 -0500
Subject: [PATCH 29/29] variant prop revert

---
 .../demos/TableDemo/TableComposableDemo.tsx   |    64 +-
 .../src/components/Table/Table.tsx            |    20 +-
 .../src/components/Table/TableTypes.ts        |    32 +-
 .../Table/__snapshots__/Table.test.tsx.snap   | 20147 +---------------
 .../src/components/Table/base/provider.tsx    |     3 +-
 .../src/components/Table/examples/Table.md    |   302 +-
 .../TableComposable/TableComposable.tsx       |    21 +-
 .../VirtualizedTable.test.tsx.snap            |    18 +
 8 files changed, 1287 insertions(+), 19320 deletions(-)

diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx
index cd84ea609b9..ee10e61708d 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx
@@ -11,9 +11,10 @@ import {
   HeaderCellInfoWrapper,
   ExpandableRowContent,
   OnSelect,
-  IActions
+  IActions,
+  OnCollapse
 } from '@patternfly/react-table';
-import { ToggleGroup, ToggleGroupItem, Stack, StackItem } from '@patternfly/react-core';
+import { ToggleGroup, ToggleGroupItem, Stack, StackItem, Checkbox } from '@patternfly/react-core';
 import CodeBranchIcon from '@patternfly/react-icons/dist/js/icons/code-branch-icon';
 import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
 import CubeIcon from '@patternfly/react-icons/dist/js/icons/cube-icon';
@@ -434,28 +435,38 @@ export const TableComposableDemo = () => {
       ['4', '2', 'b', 'four', 'five'],
       ['5', '2', 'b', 'four', 'five']
     ];
-    const [variant, setVariant] = React.useState<'compact' | 'compactBorderless'>('compact');
+    const [choice, setChoice] = React.useState('default');
     const handleItemClick = (isSelected: boolean, event: React.MouseEvent) => {
-      const id = event.currentTarget.id as 'compact' | 'compactBorderless';
-      setVariant(id);
+      const id = event.currentTarget.id;
+      setChoice(id);
     };
     return (
       <React.Fragment>
         <ToggleGroup aria-label="Default with single selectable">
+          <ToggleGroupItem
+            text="Default"
+            buttonId="default"
+            isSelected={choice === 'default'}
+            onChange={handleItemClick}
+          />
           <ToggleGroupItem
             text="Compact"
             buttonId="compact"
-            isSelected={variant === 'compact'}
+            isSelected={choice === 'compact'}
             onChange={handleItemClick}
           />
           <ToggleGroupItem
             text="Compact borderless"
             buttonId="compactBorderless"
-            isSelected={variant === 'compactBorderless'}
+            isSelected={choice === 'compactBorderless'}
             onChange={handleItemClick}
           />
         </ToggleGroup>
-        <TableComposable aria-label="Compact Table" variant={variant}>
+        <TableComposable
+          aria-label="Compact Table"
+          variant={choice !== 'default' ? 'compact' : null}
+          borders={choice !== 'compactBorderless'}
+        >
           <Thead>
             <Tr>
               {columns.map((column, columnIndex) => (
@@ -522,12 +533,11 @@ export const TableComposableDemo = () => {
     const [expanded, setExpanded] = React.useState(
       Object.fromEntries(Object.entries(rowPairs).map(([k]) => [k, true]))
     );
-    const [variant, setVariant] = React.useState(null);
-    const handleItemClick = (isSelected: boolean, event: React.MouseEvent) => {
-      const id = event.currentTarget.id;
-      setVariant(id === 'default' ? null : id);
+    const [compact, setCompact] = React.useState(true);
+    const toggleCompact = (checked: boolean) => {
+      setCompact(checked);
     };
-    const handleExpansionToggle = (event: any, pairIndex: number) => {
+    const handleExpansionToggle: OnCollapse = (event: any, pairIndex: number) => {
       setExpanded({
         ...expanded,
         [pairIndex]: !expanded[pairIndex]
@@ -536,21 +546,15 @@ export const TableComposableDemo = () => {
     let rowIndex = -1;
     return (
       <React.Fragment>
-        <ToggleGroup aria-label="Default with single selectable">
-          <ToggleGroupItem
-            text="Default expandable"
-            buttonId="default"
-            isSelected={variant === null}
-            onChange={handleItemClick}
-          />
-          <ToggleGroupItem
-            text="Compact expandable"
-            buttonId="compactExpandable"
-            isSelected={variant === 'compactExpandable'}
-            onChange={handleItemClick}
-          />
-        </ToggleGroup>
-        <TableComposable aria-label="Expandable Table" variant={variant}>
+        <Checkbox
+          label="Compact"
+          isChecked={compact}
+          onChange={toggleCompact}
+          aria-label="toggle compact variation"
+          id="toggle-compact"
+          name="toggle-compact"
+        />
+        <TableComposable aria-label="Expandable Table" variant={compact ? 'compact' : null}>
           <Thead>
             <Tr>
               <Th />
@@ -570,9 +574,9 @@ export const TableComposableDemo = () => {
                   expand={
                     pair.child
                       ? {
-                          rowIndex,
+                          rowIndex: pairIndex,
                           isExpanded: expanded[pairIndex],
-                          onToggle: event => handleExpansionToggle(event, pairIndex)
+                          onToggle: handleExpansionToggle
                         }
                       : null
                   }
diff --git a/packages/react-table/src/components/Table/Table.tsx b/packages/react-table/src/components/Table/Table.tsx
index 91eb11238d6..e5f85b8774f 100644
--- a/packages/react-table/src/components/Table/Table.tsx
+++ b/packages/react-table/src/components/Table/Table.tsx
@@ -39,11 +39,11 @@ export interface TableProps extends OUIAProps {
   /** Additional classes added to the Table  */
   className?: string;
   /** Style variant for the Table  */
-  variant?: 'compact' | 'compactBorderless' | 'compactExpandable';
+  variant?: 'compact';
   /**
    * Render borders
-   *
-   * @deprecated Borders can only be removed for the compact table, set variant="compactBorderless" instead
+   * Borders can only currently be disabled if the variant is set to 'compact'
+   * https://github.com/patternfly/patternfly/issues/3650
    */
   borders?: boolean;
   /** Specifies the grid breakpoints  */
@@ -203,17 +203,6 @@ export class Table extends React.Component<TableProps, {}> {
       firstUserColumnIndex: [onCollapse, onSelect].filter(callback => callback).length
     });
 
-    const getVariant = () => {
-      if (variant === 'compact') {
-        if (borders === false) {
-          return 'compactBorderless';
-        } else if (onCollapse || onExpand) {
-          return 'compactExpandable';
-        }
-      }
-      return variant;
-    };
-
     const table = (
       <TableContext.Provider
         value={{
@@ -238,7 +227,8 @@ export class Table extends React.Component<TableProps, {}> {
           }}
           columns={headerData}
           role={role}
-          variant={getVariant()}
+          variant={variant}
+          borders={borders}
           className={className}
         >
           {caption && <caption>{caption}</caption>}
diff --git a/packages/react-table/src/components/Table/TableTypes.ts b/packages/react-table/src/components/Table/TableTypes.ts
index 3f3dd6394b3..294946eb016 100644
--- a/packages/react-table/src/components/Table/TableTypes.ts
+++ b/packages/react-table/src/components/Table/TableTypes.ts
@@ -16,9 +16,7 @@ export enum TableGridBreakpoint {
 }
 
 export enum TableVariant {
-  compact = 'compact',
-  compactBorderless = 'compactBorderless',
-  compactExpandable = 'compactExpandable'
+  compact = 'compact'
 }
 
 export type RowEditType = 'save' | 'cancel' | 'edit';
@@ -31,29 +29,29 @@ export type OnSort = (
   event: React.MouseEvent,
   columnIndex: number,
   sortByDirection: SortByDirection,
-  extraData: IExtraColumnData
+  extraData?: IExtraColumnData
 ) => void;
 export type OnCollapse = (
   event: React.MouseEvent,
-  rowIndex: number,
-  isOpen: boolean,
-  rowData: IRowData,
-  extraData: IExtraData
+  rowIndex?: number,
+  isOpen?: boolean,
+  rowData?: IRowData,
+  extraData?: IExtraData
 ) => void;
 export type OnExpand = (
   event: React.MouseEvent,
-  rowIndex: number,
-  colIndex: number,
-  isOpen: boolean,
-  rowData: IRowData,
-  extraData: IExtraData
+  rowIndex?: number,
+  colIndex?: number,
+  isOpen?: boolean,
+  rowData?: IRowData,
+  extraData?: IExtraData
 ) => void;
 export type OnSelect = (
   event: React.FormEvent<HTMLInputElement>,
-  isSelected: boolean,
-  rowIndex: number,
-  rowData: IRowData,
-  extraData: IExtraData
+  isSelected?: boolean,
+  rowIndex?: number,
+  rowData?: IRowData,
+  extraData?: IExtraData
 ) => void;
 export type OnRowEdit = (
   event: React.MouseEvent<HTMLButtonElement>,
diff --git a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
index 52e6da5153f..da114277ba9 100644
--- a/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
+++ b/packages/react-table/src/components/Table/__snapshots__/Table.test.tsx.snap
@@ -125,6 +125,7 @@ exports[`Actions table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -417,6 +418,7 @@ exports[`Actions table 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -426,6 +428,7 @@ exports[`Actions table 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -437,7 +440,7 @@ exports[`Actions table 1`] = `
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-34"
+          data-ouia-component-id="OUIA-Generated-Table-30"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -1058,7 +1061,7 @@ exports[`Actions table 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-155"
+                                data-ouia-component-id="OUIA-Generated-TableRow-135"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -4777,7 +4780,7 @@ exports[`Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-156"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-136"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -5766,7 +5769,7 @@ exports[`Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-157"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-137"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -6755,7 +6758,7 @@ exports[`Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-158"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-138"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -7744,7 +7747,7 @@ exports[`Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-159"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-139"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -8733,7 +8736,7 @@ exports[`Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-160"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-140"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -9722,7 +9725,7 @@ exports[`Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-161"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-141"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -10711,7 +10714,7 @@ exports[`Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-162"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-142"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -11700,7 +11703,7 @@ exports[`Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-163"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-143"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -12689,7 +12692,7 @@ exports[`Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-164"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-144"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -13408,6 +13411,7 @@ exports[`Cell header table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -13655,6 +13659,7 @@ exports[`Cell header table 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -13664,6 +13669,7 @@ exports[`Cell header table 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -13675,7 +13681,7 @@ exports[`Cell header table 1`] = `
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-36"
+          data-ouia-component-id="OUIA-Generated-Table-32"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -14206,7 +14212,7 @@ exports[`Cell header table 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-165"
+                                data-ouia-component-id="OUIA-Generated-TableRow-145"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -17752,7 +17758,7 @@ exports[`Cell header table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-166"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-146"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -18304,7 +18310,7 @@ exports[`Cell header table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-167"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-147"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -18856,7 +18862,7 @@ exports[`Cell header table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-168"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-148"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -19408,7 +19414,7 @@ exports[`Cell header table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-169"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-149"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -19960,7 +19966,7 @@ exports[`Cell header table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-170"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-150"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -20512,7 +20518,7 @@ exports[`Cell header table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-171"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-151"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -21064,7 +21070,7 @@ exports[`Cell header table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-172"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-152"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -21616,7 +21622,7 @@ exports[`Cell header table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-173"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-153"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -22168,7 +22174,7 @@ exports[`Cell header table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-174"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-154"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -22505,6 +22511,7 @@ exports[`Collapsible nested table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -22810,6 +22817,7 @@ exports[`Collapsible nested table 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -22819,6 +22827,7 @@ exports[`Collapsible nested table 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -22830,7 +22839,7 @@ exports[`Collapsible nested table 1`] = `
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-42"
+          data-ouia-component-id="OUIA-Generated-Table-38"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -23477,7 +23486,7 @@ exports[`Collapsible nested table 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-190"
+                                data-ouia-component-id="OUIA-Generated-TableRow-170"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -27276,7 +27285,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-191"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-171"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -27987,7 +27996,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-192"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-172"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -28746,7 +28755,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-193"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-173"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -29464,7 +29473,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-194"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-174"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -30173,7 +30182,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-195"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-175"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -30887,7 +30896,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-196"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-176"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -31551,7 +31560,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-197"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-177"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -32215,7 +32224,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-198"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-178"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -32879,7 +32888,7 @@ exports[`Collapsible nested table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-199"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-179"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -33253,6 +33262,7 @@ exports[`Collapsible table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -33558,6 +33568,7 @@ exports[`Collapsible table 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -33567,6 +33578,7 @@ exports[`Collapsible table 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -33578,7 +33590,7 @@ exports[`Collapsible table 1`] = `
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-38"
+          data-ouia-component-id="OUIA-Generated-Table-34"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -34225,7 +34237,7 @@ exports[`Collapsible table 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-175"
+                                data-ouia-component-id="OUIA-Generated-TableRow-155"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -38012,7 +38024,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-176"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-156"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -38721,7 +38733,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row pf-m-expanded"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-177"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-157"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -39435,7 +39447,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-178"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-158"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -40103,7 +40115,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-179"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-159"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -40812,7 +40824,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-180"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-160"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -41526,7 +41538,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-181"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-161"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -42190,7 +42202,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-182"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-162"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -42854,7 +42866,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-183"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-163"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -43518,7 +43530,7 @@ exports[`Collapsible table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-184"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-164"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -43857,6 +43869,7 @@ exports[`Compound Expandable table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -43976,6 +43989,7 @@ exports[`Compound Expandable table 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -43985,6 +43999,7 @@ exports[`Compound Expandable table 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -43996,7 +44011,7 @@ exports[`Compound Expandable table 1`] = `
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-40"
+          data-ouia-component-id="OUIA-Generated-Table-36"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -44271,7 +44286,7 @@ exports[`Compound Expandable table 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-185"
+                                data-ouia-component-id="OUIA-Generated-TableRow-165"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -45594,7 +45609,7 @@ exports[`Compound Expandable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-186"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-166"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -45895,7 +45910,7 @@ exports[`Compound Expandable table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row pf-m-expanded"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-187"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-167"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -46189,7 +46204,7 @@ exports[`Compound Expandable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-188"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-168"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -46490,7 +46505,7 @@ exports[`Compound Expandable table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-189"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-169"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -46717,6 +46732,7 @@ exports[`Control text table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -46969,6 +46985,7 @@ exports[`Control text table 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -46978,6 +46995,7 @@ exports[`Control text table 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -46989,7 +47007,7 @@ exports[`Control text table 1`] = `
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-48"
+          data-ouia-component-id="OUIA-Generated-Table-44"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -47530,7 +47548,7 @@ exports[`Control text table 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-220"
+                                data-ouia-component-id="OUIA-Generated-TableRow-200"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -50753,7 +50771,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-221"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-201"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -51302,7 +51320,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-222"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-202"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -51849,7 +51867,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-223"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-203"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -52411,7 +52429,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-224"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-204"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -52958,7 +52976,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-225"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-205"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -53516,7 +53534,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-226"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-206"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -54074,7 +54092,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-227"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-207"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -54632,7 +54650,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-228"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-208"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -55190,7 +55208,7 @@ exports[`Control text table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-229"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-209"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -55492,6 +55510,7 @@ exports[`Editable table 1`] = `
     className="pf-c-inline-edit"
   >
     <Provider
+      borders={true}
       className=""
       columns={
         Array [
@@ -55737,6 +55756,7 @@ exports[`Editable table 1`] = `
       variant={null}
     >
       <TableComposable
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         isStickyHeader={false}
@@ -55745,6 +55765,7 @@ exports[`Editable table 1`] = `
         variant={null}
       >
         <TableComposableBase
+          borders={true}
           className=""
           gridBreakPoint="grid-md"
           innerRef={null}
@@ -60719,6 +60740,7 @@ exports[`Header width table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -60969,6 +60991,7 @@ exports[`Header width table 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -60978,6 +61001,7 @@ exports[`Header width table 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -60989,7 +61013,7 @@ exports[`Header width table 1`] = `
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-50"
+          data-ouia-component-id="OUIA-Generated-Table-46"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -61526,7 +61550,7 @@ exports[`Header width table 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-230"
+                                data-ouia-component-id="OUIA-Generated-TableRow-210"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -65070,7 +65094,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-231"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-211"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -65631,7 +65655,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-232"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-212"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -66190,7 +66214,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-233"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-213"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -66764,7 +66788,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-234"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-214"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -67323,7 +67347,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-235"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-215"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -67893,7 +67917,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-236"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-216"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -68463,7 +68487,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-237"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-217"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -69033,7 +69057,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-238"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-218"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -69603,7 +69627,7 @@ exports[`Header width table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-239"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-219"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -69927,6 +69951,7 @@ exports[`Row click table 1`] = `
 >
   <Provider
     aria-label="Row click table"
+    borders={true}
     className=""
     columns={
       Array [
@@ -70173,6 +70198,7 @@ exports[`Row click table 1`] = `
   >
     <TableComposable
       aria-label="Row click table"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -70182,6 +70208,7 @@ exports[`Row click table 1`] = `
     >
       <TableComposableBase
         aria-label="Row click table"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -78967,6 +78994,7 @@ exports[`Selectable table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -79261,6 +79289,7 @@ exports[`Selectable table 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -79270,6 +79299,7 @@ exports[`Selectable table 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -79281,7 +79311,7 @@ exports[`Selectable table 1`] = `
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-44"
+          data-ouia-component-id="OUIA-Generated-Table-40"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -79906,7 +79936,7 @@ exports[`Selectable table 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-200"
+                                data-ouia-component-id="OUIA-Generated-TableRow-180"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -83690,7 +83720,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-201"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-181"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -84345,7 +84375,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-202"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-182"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -84981,7 +85011,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-203"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-183"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -85632,7 +85662,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-204"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-184"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -86285,7 +86315,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-205"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-185"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -86932,7 +86962,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-206"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-186"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -87596,7 +87626,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-207"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-187"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -88260,7 +88290,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-208"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-188"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -88924,7 +88954,7 @@ exports[`Selectable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-209"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-189"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -89311,6 +89341,7 @@ exports[`Selectable table with Radio 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -89604,6 +89635,7 @@ exports[`Selectable table with Radio 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -89613,6 +89645,7 @@ exports[`Selectable table with Radio 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -89624,7 +89657,7 @@ exports[`Selectable table with Radio 1`] = `
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-46"
+          data-ouia-component-id="OUIA-Generated-Table-42"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -90247,7 +90280,7 @@ exports[`Selectable table with Radio 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-210"
+                                data-ouia-component-id="OUIA-Generated-TableRow-190"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -94009,7 +94042,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-211"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-191"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -94663,7 +94696,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-212"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-192"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -95298,7 +95331,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-213"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-193"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -95948,7 +95981,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-214"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-194"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -96600,7 +96633,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <tr
                                     className="pf-c-table__expandable-row"
-                                    data-ouia-component-id="OUIA-Generated-TableRow-215"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-195"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={true}
@@ -97246,7 +97279,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-216"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-196"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -97909,7 +97942,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-217"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-197"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -98572,7 +98605,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-218"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-198"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -99235,7 +99268,7 @@ exports[`Selectable table with Radio 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-219"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-199"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -99641,6 +99674,7 @@ exports[`Simple Actions table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -100047,6 +100081,7 @@ exports[`Simple Actions table 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -100056,6 +100091,7 @@ exports[`Simple Actions table 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -100067,7 +100103,7 @@ exports[`Simple Actions table 1`] = `
         <table
           aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-32"
+          data-ouia-component-id="OUIA-Generated-Table-28"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -100916,7 +100952,7 @@ exports[`Simple Actions table 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-144"
+                                data-ouia-component-id="OUIA-Generated-TableRow-124"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -105247,7 +105283,7 @@ exports[`Simple Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-145"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-125"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -106365,7 +106401,7 @@ exports[`Simple Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-146"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-126"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -107483,7 +107519,7 @@ exports[`Simple Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-147"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-127"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -108601,7 +108637,7 @@ exports[`Simple Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-148"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-128"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -109719,7 +109755,7 @@ exports[`Simple Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-149"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-129"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -110837,7 +110873,7 @@ exports[`Simple Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-150"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-130"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -111955,7 +111991,7 @@ exports[`Simple Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-151"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-131"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -113073,7 +113109,7 @@ exports[`Simple Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-152"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-132"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -114191,7 +114227,7 @@ exports[`Simple Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-153"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-133"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -115311,7 +115347,7 @@ exports[`Simple Actions table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-154"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-134"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -115487,18330 +115523,425 @@ exports[`Simple Actions table 1`] = `
                                         </TdBase>
                                       </Td>
                                     </BodyCell>
-                                    <BodyCell
-                                      className="pf-c-table__action"
-                                      data-key={5}
-                                      data-label=""
-                                      isVisible={true}
-                                      key="col-5-row-9"
-                                    >
-                                      <Td
-                                        className="pf-c-table__action"
-                                        component="td"
-                                        data-key={5}
-                                        dataLabel={null}
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className="pf-c-table__action"
-                                          component="td"
-                                          data-key={5}
-                                          dataLabel={null}
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className="pf-c-table__action"
-                                            data-key={5}
-                                            data-label={null}
-                                            onMouseEnter={[Function]}
-                                          >
-                                            <ActionsColumn
-                                              dropdownDirection="down"
-                                              dropdownPosition="right"
-                                              extraData={
-                                                Object {
-                                                  "column": Object {
-                                                    "cell": Object {
-                                                      "formatters": Array [
-                                                        [Function],
-                                                      ],
-                                                      "transforms": Array [
-                                                        [Function],
-                                                        [Function],
-                                                      ],
-                                                    },
-                                                    "data": undefined,
-                                                    "extraParams": Object {
-                                                      "actionResolver": undefined,
-                                                      "actions": Array [
-                                                        Object {
-                                                          "onClick": [Function],
-                                                          "title": "Some action",
-                                                        },
-                                                        Object {
-                                                          "onClick": [Function],
-                                                          "title": <div>
-                                                            Another action
-                                                          </div>,
-                                                        },
-                                                        Object {
-                                                          "isSeparator": true,
-                                                          "onClick": null,
-                                                        },
-                                                        Object {
-                                                          "onClick": [Function],
-                                                          "title": "Third action",
-                                                        },
-                                                      ],
-                                                      "allRowsSelected": false,
-                                                      "areActionsDisabled": undefined,
-                                                      "canSelectAll": true,
-                                                      "contentId": "expanded-content",
-                                                      "dropdownDirection": "down",
-                                                      "dropdownPosition": "right",
-                                                      "expandId": "expandable-toggle",
-                                                      "firstUserColumnIndex": 0,
-                                                      "onCollapse": undefined,
-                                                      "onExpand": undefined,
-                                                      "onRowEdit": undefined,
-                                                      "onSelect": undefined,
-                                                      "onSort": undefined,
-                                                      "rowLabeledBy": "simple-node",
-                                                      "selectVariant": "checkbox",
-                                                      "sortBy": undefined,
-                                                    },
-                                                    "header": Object {
-                                                      "formatters": Array [],
-                                                      "label": "",
-                                                      "transforms": Array [
-                                                        [Function],
-                                                        [Function],
-                                                        [Function],
-                                                      ],
-                                                    },
-                                                    "property": "column-5",
-                                                    "props": Object {
-                                                      "data-key": 5,
-                                                      "data-label": "",
-                                                    },
-                                                  },
-                                                  "columnIndex": 5,
-                                                  "property": "column-5",
-                                                  "rowIndex": 9,
-                                                }
-                                              }
-                                              isDisabled={true}
-                                              items={
-                                                Array [
-                                                  Object {
-                                                    "onClick": [Function],
-                                                    "title": "Some action",
-                                                  },
-                                                  Object {
-                                                    "onClick": [Function],
-                                                    "title": <div>
-                                                      Another action
-                                                    </div>,
-                                                  },
-                                                  Object {
-                                                    "isSeparator": true,
-                                                    "onClick": null,
-                                                  },
-                                                  Object {
-                                                    "onClick": [Function],
-                                                    "title": "Third action",
-                                                  },
-                                                ]
-                                              }
-                                              rowData={
-                                                Object {
-                                                  "branches": Object {
-                                                    "formatters": Array [],
-                                                    "props": Object {
-                                                      "isVisible": true,
-                                                    },
-                                                    "title": "two",
-                                                  },
-                                                  "cells": Array [
-                                                    "one",
-                                                    "two",
-                                                    "three",
-                                                    "four",
-                                                    "five",
-                                                  ],
-                                                  "disableActions": true,
-                                                  "header-cell": Object {
-                                                    "formatters": Array [],
-                                                    "props": Object {
-                                                      "isVisible": true,
-                                                    },
-                                                    "title": "one",
-                                                  },
-                                                  "id": 9,
-                                                  "isExpanded": undefined,
-                                                  "isFirst": false,
-                                                  "isFirstVisible": false,
-                                                  "isHeightAuto": false,
-                                                  "isLast": true,
-                                                  "isLastVisible": true,
-                                                  "last-commit": Object {
-                                                    "formatters": Array [],
-                                                    "props": Object {
-                                                      "isVisible": true,
-                                                    },
-                                                    "title": "five",
-                                                  },
-                                                  "pull-requests": Object {
-                                                    "formatters": Array [],
-                                                    "props": Object {
-                                                      "isVisible": true,
-                                                    },
-                                                    "title": "three",
-                                                  },
-                                                  "workspaces": Object {
-                                                    "formatters": Array [],
-                                                    "props": Object {
-                                                      "isVisible": true,
-                                                    },
-                                                    "title": "four",
-                                                  },
-                                                }
-                                              }
-                                            >
-                                              <Dropdown
-                                                direction="down"
-                                                dropdownItems={
-                                                  Array [
-                                                    <DropdownItem
-                                                      component="button"
-                                                      data-key={0}
-                                                      onClick={[Function]}
-                                                    >
-                                                      Some action
-                                                    </DropdownItem>,
-                                                    <DropdownItem
-                                                      component="button"
-                                                      data-key={1}
-                                                      onClick={[Function]}
-                                                    >
-                                                      <div>
-                                                        Another action
-                                                      </div>
-                                                    </DropdownItem>,
-                                                    <DropdownSeparator
-                                                      data-key={2}
-                                                    />,
-                                                    <DropdownItem
-                                                      component="button"
-                                                      data-key={3}
-                                                      onClick={[Function]}
-                                                    >
-                                                      Third action
-                                                    </DropdownItem>,
-                                                  ]
-                                                }
-                                                isOpen={false}
-                                                isPlain={true}
-                                                position="right"
-                                                toggle={
-                                                  <KebabToggle
-                                                    isDisabled={true}
-                                                    onToggle={[Function]}
-                                                  />
-                                                }
-                                              >
-                                                <DropdownWithContext
-                                                  autoFocus={true}
-                                                  className=""
-                                                  direction="down"
-                                                  dropdownItems={
-                                                    Array [
-                                                      <DropdownItem
-                                                        component="button"
-                                                        data-key={0}
-                                                        onClick={[Function]}
-                                                      >
-                                                        Some action
-                                                      </DropdownItem>,
-                                                      <DropdownItem
-                                                        component="button"
-                                                        data-key={1}
-                                                        onClick={[Function]}
-                                                      >
-                                                        <div>
-                                                          Another action
-                                                        </div>
-                                                      </DropdownItem>,
-                                                      <DropdownSeparator
-                                                        data-key={2}
-                                                      />,
-                                                      <DropdownItem
-                                                        component="button"
-                                                        data-key={3}
-                                                        onClick={[Function]}
-                                                      >
-                                                        Third action
-                                                      </DropdownItem>,
-                                                    ]
-                                                  }
-                                                  isGrouped={false}
-                                                  isOpen={false}
-                                                  isPlain={true}
-                                                  menuAppendTo="inline"
-                                                  onSelect={[Function]}
-                                                  position="right"
-                                                  toggle={
-                                                    <KebabToggle
-                                                      isDisabled={true}
-                                                      onToggle={[Function]}
-                                                    />
-                                                  }
-                                                >
-                                                  <div
-                                                    className="pf-c-dropdown pf-m-align-right"
-                                                    data-ouia-component-id="OUIA-Generated-Dropdown-10"
-                                                    data-ouia-component-type="PF4/Dropdown"
-                                                    data-ouia-safe={true}
-                                                  >
-                                                    <KebabToggle
-                                                      aria-haspopup={true}
-                                                      getMenuRef={[Function]}
-                                                      id="pf-dropdown-toggle-id-9"
-                                                      isDisabled={true}
-                                                      isOpen={false}
-                                                      isPlain={true}
-                                                      key=".0"
-                                                      onEnter={[Function]}
-                                                      onToggle={[Function]}
-                                                      parentRef={
-                                                        Object {
-                                                          "current": <div
-                                                            class="pf-c-dropdown pf-m-align-right"
-                                                            data-ouia-component-id="OUIA-Generated-Dropdown-10"
-                                                            data-ouia-component-type="PF4/Dropdown"
-                                                            data-ouia-safe="true"
-                                                          >
-                                                            <button
-                                                              aria-expanded="false"
-                                                              aria-haspopup="true"
-                                                              aria-label="Actions"
-                                                              class="pf-c-dropdown__toggle pf-m-plain"
-                                                              disabled=""
-                                                              id="pf-dropdown-toggle-id-9"
-                                                              type="button"
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                fill="currentColor"
-                                                                height="1em"
-                                                                role="img"
-                                                                style="vertical-align: -0.125em;"
-                                                                viewBox="0 0 192 512"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                                />
-                                                              </svg>
-                                                            </button>
-                                                          </div>,
-                                                        }
-                                                      }
-                                                    >
-                                                      <Toggle
-                                                        aria-haspopup={true}
-                                                        aria-label="Actions"
-                                                        bubbleEvent={false}
-                                                        className=""
-                                                        getMenuRef={[Function]}
-                                                        id="pf-dropdown-toggle-id-9"
-                                                        isActive={false}
-                                                        isDisabled={true}
-                                                        isOpen={false}
-                                                        isPlain={true}
-                                                        isPrimary={false}
-                                                        isSplitButton={false}
-                                                        onEnter={[Function]}
-                                                        onToggle={[Function]}
-                                                        parentRef={
-                                                          Object {
-                                                            "current": <div
-                                                              class="pf-c-dropdown pf-m-align-right"
-                                                              data-ouia-component-id="OUIA-Generated-Dropdown-10"
-                                                              data-ouia-component-type="PF4/Dropdown"
-                                                              data-ouia-safe="true"
-                                                            >
-                                                              <button
-                                                                aria-expanded="false"
-                                                                aria-haspopup="true"
-                                                                aria-label="Actions"
-                                                                class="pf-c-dropdown__toggle pf-m-plain"
-                                                                disabled=""
-                                                                id="pf-dropdown-toggle-id-9"
-                                                                type="button"
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  fill="currentColor"
-                                                                  height="1em"
-                                                                  role="img"
-                                                                  style="vertical-align: -0.125em;"
-                                                                  viewBox="0 0 192 512"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                                  />
-                                                                </svg>
-                                                              </button>
-                                                            </div>,
-                                                          }
-                                                        }
-                                                      >
-                                                        <button
-                                                          aria-expanded={false}
-                                                          aria-haspopup={true}
-                                                          aria-label="Actions"
-                                                          className="pf-c-dropdown__toggle pf-m-plain"
-                                                          disabled={true}
-                                                          id="pf-dropdown-toggle-id-9"
-                                                          onClick={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="button"
-                                                        >
-                                                          <EllipsisVIcon
-                                                            color="currentColor"
-                                                            noVerticalAlign={false}
-                                                            size="sm"
-                                                          >
-                                                            <svg
-                                                              aria-hidden={true}
-                                                              aria-labelledby={null}
-                                                              fill="currentColor"
-                                                              height="1em"
-                                                              role="img"
-                                                              style={
-                                                                Object {
-                                                                  "verticalAlign": "-0.125em",
-                                                                }
-                                                              }
-                                                              viewBox="0 0 192 512"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                                                              />
-                                                            </svg>
-                                                          </EllipsisVIcon>
-                                                        </button>
-                                                      </Toggle>
-                                                    </KebabToggle>
-                                                  </div>
-                                                </DropdownWithContext>
-                                              </Dropdown>
-                                            </ActionsColumn>
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                        </tbody>
-                      </TbodyBase>
-                    </Tbody>
-                  </BodyWrapper>
-                </BaseBody>
-              </Body>
-            </ContextBody>
-          </TableBody>
-        </table>
-      </TableComposableBase>
-    </TableComposable>
-  </Provider>
-</Table>
-`;
-
-exports[`Simple table aria-label 1`] = `
-<Table
-  aria-label="Aria labeled"
-  borders={true}
-  canSelectAll={true}
-  cells={
-    Array [
-      Object {
-        "title": "Header cell",
-      },
-      "Branches",
-      Object {
-        "title": "Pull requests",
-      },
-      "Workspaces",
-      Object {
-        "title": "Last Commit",
-      },
-    ]
-  }
-  className=""
-  contentId="expanded-content"
-  dropdownDirection="down"
-  dropdownPosition="right"
-  expandId="expandable-toggle"
-  gridBreakPoint="grid-md"
-  isStickyHeader={false}
-  ouiaSafe={true}
-  role="grid"
-  rowLabeledBy="simple-node"
-  rows={
-    Array [
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-    ]
-  }
-  selectVariant="checkbox"
-  variant={null}
->
-  <Provider
-    aria-label="Aria labeled"
-    className=""
-    columns={
-      Array [
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Header cell",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "header-cell",
-          "props": Object {
-            "data-key": 0,
-            "data-label": "Header cell",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Branches",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "branches",
-          "props": Object {
-            "data-key": 1,
-            "data-label": "Branches",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Pull requests",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "pull-requests",
-          "props": Object {
-            "data-key": 2,
-            "data-label": "Pull requests",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    gridBreakPoint="grid-md"
-    isStickyHeader={false}
-    ouiaSafe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-    variant={null}
-  >
-    <TableComposable
-      aria-label="Aria labeled"
-      className=""
-      gridBreakPoint="grid-md"
-      isStickyHeader={false}
-      ouiaSafe={true}
-      role="grid"
-      variant={null}
-    >
-      <TableComposableBase
-        aria-label="Aria labeled"
-        className=""
-        gridBreakPoint="grid-md"
-        innerRef={null}
-        isStickyHeader={false}
-        ouiaSafe={true}
-        role="grid"
-        variant={null}
-      >
-        <table
-          aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-6"
-          data-ouia-component-type="PF4/Table"
-          data-ouia-safe={true}
-          role="grid"
-        >
-          <TableHeader>
-            <ContextHeader
-              headerRows={null}
-            >
-              <Header
-                className=""
-                headerRows={null}
-              >
-                <BaseHeader
-                  className=""
-                  columns={
-                    Array [
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Header cell",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "header-cell",
-                        "props": Object {
-                          "data-key": 0,
-                          "data-label": "Header cell",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Branches",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "branches",
-                        "props": Object {
-                          "data-key": 1,
-                          "data-label": "Branches",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Pull requests",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 2,
-                          "data-label": "Pull requests",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  headerRows={null}
-                  renderers={
-                    Object {
-                      "body": Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      },
-                      "header": Object {
-                        "cell": [Function],
-                        "row": Object {
-                          "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "Tr",
-                          "render": [Function],
-                        },
-                        "wrapper": Object {
-                          "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "Thead",
-                          "render": [Function],
-                        },
-                      },
-                      "table": Object {
-                        "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "TableComposable",
-                        "render": [Function],
-                      },
-                    }
-                  }
-                >
-                  <Thead
-                    className=""
-                  >
-                    <TheadBase
-                      className=""
-                      innerRef={null}
-                    >
-                      <thead
-                        className=""
-                      >
-                        <HeaderRow
-                          key="0-header-row"
-                          renderers={
-                            Object {
-                              "cell": [Function],
-                              "row": Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "Tr",
-                                "render": [Function],
-                              },
-                              "wrapper": Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "Thead",
-                                "render": [Function],
-                              },
-                            }
-                          }
-                          rowData={
-                            Array [
-                              Object {
-                                "cell": Object {
-                                  "formatters": Array [
-                                    [Function],
-                                  ],
-                                  "transforms": Array [
-                                    [Function],
-                                  ],
-                                },
-                                "data": undefined,
-                                "extraParams": Object {
-                                  "actionResolver": undefined,
-                                  "actions": undefined,
-                                  "allRowsSelected": false,
-                                  "areActionsDisabled": undefined,
-                                  "canSelectAll": true,
-                                  "contentId": "expanded-content",
-                                  "dropdownDirection": "down",
-                                  "dropdownPosition": "right",
-                                  "expandId": "expandable-toggle",
-                                  "firstUserColumnIndex": 0,
-                                  "onCollapse": undefined,
-                                  "onExpand": undefined,
-                                  "onRowEdit": undefined,
-                                  "onSelect": undefined,
-                                  "onSort": undefined,
-                                  "rowLabeledBy": "simple-node",
-                                  "selectVariant": "checkbox",
-                                  "sortBy": undefined,
-                                },
-                                "header": Object {
-                                  "formatters": Array [],
-                                  "label": "Header cell",
-                                  "transforms": Array [
-                                    [Function],
-                                    [Function],
-                                  ],
-                                },
-                                "property": "header-cell",
-                                "props": Object {
-                                  "data-key": 0,
-                                  "data-label": "Header cell",
-                                },
-                              },
-                              Object {
-                                "cell": Object {
-                                  "formatters": Array [
-                                    [Function],
-                                  ],
-                                  "transforms": Array [
-                                    [Function],
-                                  ],
-                                },
-                                "data": undefined,
-                                "extraParams": Object {
-                                  "actionResolver": undefined,
-                                  "actions": undefined,
-                                  "allRowsSelected": false,
-                                  "areActionsDisabled": undefined,
-                                  "canSelectAll": true,
-                                  "contentId": "expanded-content",
-                                  "dropdownDirection": "down",
-                                  "dropdownPosition": "right",
-                                  "expandId": "expandable-toggle",
-                                  "firstUserColumnIndex": 0,
-                                  "onCollapse": undefined,
-                                  "onExpand": undefined,
-                                  "onRowEdit": undefined,
-                                  "onSelect": undefined,
-                                  "onSort": undefined,
-                                  "rowLabeledBy": "simple-node",
-                                  "selectVariant": "checkbox",
-                                  "sortBy": undefined,
-                                },
-                                "header": Object {
-                                  "formatters": Array [],
-                                  "label": "Branches",
-                                  "transforms": Array [
-                                    [Function],
-                                    [Function],
-                                  ],
-                                },
-                                "property": "branches",
-                                "props": Object {
-                                  "data-key": 1,
-                                  "data-label": "Branches",
-                                },
-                              },
-                              Object {
-                                "cell": Object {
-                                  "formatters": Array [
-                                    [Function],
-                                  ],
-                                  "transforms": Array [
-                                    [Function],
-                                  ],
-                                },
-                                "data": undefined,
-                                "extraParams": Object {
-                                  "actionResolver": undefined,
-                                  "actions": undefined,
-                                  "allRowsSelected": false,
-                                  "areActionsDisabled": undefined,
-                                  "canSelectAll": true,
-                                  "contentId": "expanded-content",
-                                  "dropdownDirection": "down",
-                                  "dropdownPosition": "right",
-                                  "expandId": "expandable-toggle",
-                                  "firstUserColumnIndex": 0,
-                                  "onCollapse": undefined,
-                                  "onExpand": undefined,
-                                  "onRowEdit": undefined,
-                                  "onSelect": undefined,
-                                  "onSort": undefined,
-                                  "rowLabeledBy": "simple-node",
-                                  "selectVariant": "checkbox",
-                                  "sortBy": undefined,
-                                },
-                                "header": Object {
-                                  "formatters": Array [],
-                                  "label": "Pull requests",
-                                  "transforms": Array [
-                                    [Function],
-                                    [Function],
-                                  ],
-                                },
-                                "property": "pull-requests",
-                                "props": Object {
-                                  "data-key": 2,
-                                  "data-label": "Pull requests",
-                                },
-                              },
-                              Object {
-                                "cell": Object {
-                                  "formatters": Array [
-                                    [Function],
-                                  ],
-                                  "transforms": Array [
-                                    [Function],
-                                  ],
-                                },
-                                "data": undefined,
-                                "extraParams": Object {
-                                  "actionResolver": undefined,
-                                  "actions": undefined,
-                                  "allRowsSelected": false,
-                                  "areActionsDisabled": undefined,
-                                  "canSelectAll": true,
-                                  "contentId": "expanded-content",
-                                  "dropdownDirection": "down",
-                                  "dropdownPosition": "right",
-                                  "expandId": "expandable-toggle",
-                                  "firstUserColumnIndex": 0,
-                                  "onCollapse": undefined,
-                                  "onExpand": undefined,
-                                  "onRowEdit": undefined,
-                                  "onSelect": undefined,
-                                  "onSort": undefined,
-                                  "rowLabeledBy": "simple-node",
-                                  "selectVariant": "checkbox",
-                                  "sortBy": undefined,
-                                },
-                                "header": Object {
-                                  "formatters": Array [],
-                                  "label": "Workspaces",
-                                  "transforms": Array [
-                                    [Function],
-                                    [Function],
-                                  ],
-                                },
-                                "property": "workspaces",
-                                "props": Object {
-                                  "data-key": 3,
-                                  "data-label": "Workspaces",
-                                },
-                              },
-                              Object {
-                                "cell": Object {
-                                  "formatters": Array [
-                                    [Function],
-                                  ],
-                                  "transforms": Array [
-                                    [Function],
-                                  ],
-                                },
-                                "data": undefined,
-                                "extraParams": Object {
-                                  "actionResolver": undefined,
-                                  "actions": undefined,
-                                  "allRowsSelected": false,
-                                  "areActionsDisabled": undefined,
-                                  "canSelectAll": true,
-                                  "contentId": "expanded-content",
-                                  "dropdownDirection": "down",
-                                  "dropdownPosition": "right",
-                                  "expandId": "expandable-toggle",
-                                  "firstUserColumnIndex": 0,
-                                  "onCollapse": undefined,
-                                  "onExpand": undefined,
-                                  "onRowEdit": undefined,
-                                  "onSelect": undefined,
-                                  "onSort": undefined,
-                                  "rowLabeledBy": "simple-node",
-                                  "selectVariant": "checkbox",
-                                  "sortBy": undefined,
-                                },
-                                "header": Object {
-                                  "formatters": Array [],
-                                  "label": "Last Commit",
-                                  "transforms": Array [
-                                    [Function],
-                                    [Function],
-                                  ],
-                                },
-                                "property": "last-commit",
-                                "props": Object {
-                                  "data-key": 4,
-                                  "data-label": "Last Commit",
-                                },
-                              },
-                            ]
-                          }
-                          rowIndex={0}
-                        >
-                          <Tr>
-                            <TrBase
-                              innerRef={null}
-                            >
-                              <tr
-                                className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-21"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
-                              >
-                                <HeaderCell
-                                  data-key={0}
-                                  data-label="Header cell"
-                                  key="0-header"
-                                  scope="col"
-                                >
-                                  <Th
-                                    className=""
-                                    component="th"
-                                    data-key={0}
-                                    data-label="Header cell"
-                                    onMouseEnter={[Function]}
-                                    scope="col"
-                                    textCenter={false}
-                                    tooltip=""
-                                  >
-                                    <ThBase
-                                      className=""
-                                      component="th"
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      innerRef={null}
-                                      onMouseEnter={[Function]}
-                                      scope="col"
-                                      textCenter={false}
-                                      tooltip=""
-                                    >
-                                      <th
-                                        className=""
-                                        data-key={0}
-                                        data-label="Header cell"
-                                        onMouseEnter={[Function]}
-                                        scope="col"
-                                      >
-                                        Header cell
-                                      </th>
-                                    </ThBase>
-                                  </Th>
-                                </HeaderCell>
-                                <HeaderCell
-                                  data-key={1}
-                                  data-label="Branches"
-                                  key="1-header"
-                                  scope="col"
-                                >
-                                  <Th
-                                    className=""
-                                    component="th"
-                                    data-key={1}
-                                    data-label="Branches"
-                                    onMouseEnter={[Function]}
-                                    scope="col"
-                                    textCenter={false}
-                                    tooltip=""
-                                  >
-                                    <ThBase
-                                      className=""
-                                      component="th"
-                                      data-key={1}
-                                      data-label="Branches"
-                                      innerRef={null}
-                                      onMouseEnter={[Function]}
-                                      scope="col"
-                                      textCenter={false}
-                                      tooltip=""
-                                    >
-                                      <th
-                                        className=""
-                                        data-key={1}
-                                        data-label="Branches"
-                                        onMouseEnter={[Function]}
-                                        scope="col"
-                                      >
-                                        Branches
-                                      </th>
-                                    </ThBase>
-                                  </Th>
-                                </HeaderCell>
-                                <HeaderCell
-                                  data-key={2}
-                                  data-label="Pull requests"
-                                  key="2-header"
-                                  scope="col"
-                                >
-                                  <Th
-                                    className=""
-                                    component="th"
-                                    data-key={2}
-                                    data-label="Pull requests"
-                                    onMouseEnter={[Function]}
-                                    scope="col"
-                                    textCenter={false}
-                                    tooltip=""
-                                  >
-                                    <ThBase
-                                      className=""
-                                      component="th"
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      innerRef={null}
-                                      onMouseEnter={[Function]}
-                                      scope="col"
-                                      textCenter={false}
-                                      tooltip=""
-                                    >
-                                      <th
-                                        className=""
-                                        data-key={2}
-                                        data-label="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        scope="col"
-                                      >
-                                        Pull requests
-                                      </th>
-                                    </ThBase>
-                                  </Th>
-                                </HeaderCell>
-                                <HeaderCell
-                                  data-key={3}
-                                  data-label="Workspaces"
-                                  key="3-header"
-                                  scope="col"
-                                >
-                                  <Th
-                                    className=""
-                                    component="th"
-                                    data-key={3}
-                                    data-label="Workspaces"
-                                    onMouseEnter={[Function]}
-                                    scope="col"
-                                    textCenter={false}
-                                    tooltip=""
-                                  >
-                                    <ThBase
-                                      className=""
-                                      component="th"
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      innerRef={null}
-                                      onMouseEnter={[Function]}
-                                      scope="col"
-                                      textCenter={false}
-                                      tooltip=""
-                                    >
-                                      <th
-                                        className=""
-                                        data-key={3}
-                                        data-label="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        scope="col"
-                                      >
-                                        Workspaces
-                                      </th>
-                                    </ThBase>
-                                  </Th>
-                                </HeaderCell>
-                                <HeaderCell
-                                  data-key={4}
-                                  data-label="Last Commit"
-                                  key="4-header"
-                                  scope="col"
-                                >
-                                  <Th
-                                    className=""
-                                    component="th"
-                                    data-key={4}
-                                    data-label="Last Commit"
-                                    onMouseEnter={[Function]}
-                                    scope="col"
-                                    textCenter={false}
-                                    tooltip=""
-                                  >
-                                    <ThBase
-                                      className=""
-                                      component="th"
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      innerRef={null}
-                                      onMouseEnter={[Function]}
-                                      scope="col"
-                                      textCenter={false}
-                                      tooltip=""
-                                    >
-                                      <th
-                                        className=""
-                                        data-key={4}
-                                        data-label="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        scope="col"
-                                      >
-                                        Last Commit
-                                      </th>
-                                    </ThBase>
-                                  </Th>
-                                </HeaderCell>
-                              </tr>
-                            </TrBase>
-                          </Tr>
-                        </HeaderRow>
-                      </thead>
-                    </TheadBase>
-                  </Thead>
-                </BaseHeader>
-              </Header>
-            </ContextHeader>
-          </TableHeader>
-          <TableBody>
-            <ContextBody
-              className=""
-              headerData={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              onRow={[Function]}
-              onRowClick={[Function]}
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                ]
-              }
-            >
-              <Body
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 0,
-                      "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 1,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 2,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 3,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 4,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 5,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 6,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 7,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 8,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                  ]
-                }
-                onRow={[Function]}
-                rowKey="id"
-                rows={
-                  Array [
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 0,
-                      "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 1,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 2,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 3,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 4,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 5,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 6,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 7,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 8,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                  ]
-                }
-              >
-                <BaseBody
-                  className=""
-                  columns={
-                    Array [
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Header cell",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "header-cell",
-                        "props": Object {
-                          "data-key": 0,
-                          "data-label": "Header cell",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Branches",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "branches",
-                        "props": Object {
-                          "data-key": 1,
-                          "data-label": "Branches",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Pull requests",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 2,
-                          "data-label": "Pull requests",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  headerRows={null}
-                  mappedRows={
-                    Array [
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 3,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 4,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 5,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                    ]
-                  }
-                  onRow={[Function]}
-                  renderers={
-                    Object {
-                      "body": Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      },
-                      "header": Object {
-                        "cell": [Function],
-                        "row": Object {
-                          "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "Tr",
-                          "render": [Function],
-                        },
-                        "wrapper": Object {
-                          "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "Thead",
-                          "render": [Function],
-                        },
-                      },
-                      "table": Object {
-                        "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "TableComposable",
-                        "render": [Function],
-                      },
-                    }
-                  }
-                  rowKey="id"
-                  rows={
-                    Array [
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 3,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 4,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 5,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                    ]
-                  }
-                >
-                  <BodyWrapper
-                    className=""
-                    headerRows={null}
-                    mappedRows={
-                      Array [
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                      ]
-                    }
-                  >
-                    <Tbody
-                      className=""
-                    >
-                      <TbodyBase
-                        className=""
-                        innerRef={null}
-                      >
-                        <tbody
-                          className=""
-                          role="rowgroup"
-                        >
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="0-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 0,
-                                "isExpanded": undefined,
-                                "isFirst": true,
-                                "isFirstVisible": true,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={0}
-                            rowKey="0-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 0,
-                                  "isExpanded": undefined,
-                                  "isFirst": true,
-                                  "isFirstVisible": true,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 0,
-                                  "rowKey": "0-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-22"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-0"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-0"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-0"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-0"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-0"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="1-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 1,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={1}
-                            rowKey="1-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 1,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 1,
-                                  "rowKey": "1-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-23"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-1"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-1"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-1"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-1"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-1"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="2-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 2,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={2}
-                            rowKey="2-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 2,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 2,
-                                  "rowKey": "2-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-24"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-2"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-2"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-2"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-2"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-2"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="3-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 3,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={3}
-                            rowKey="3-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 3,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 3,
-                                  "rowKey": "3-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-25"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-3"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-3"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-3"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-3"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-3"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="4-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 4,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={4}
-                            rowKey="4-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 4,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 4,
-                                  "rowKey": "4-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-26"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-4"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-4"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-4"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-4"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-4"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="5-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 5,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={5}
-                            rowKey="5-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 5,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 5,
-                                  "rowKey": "5-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-27"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-5"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-5"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-5"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-5"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-5"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="6-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 6,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={6}
-                            rowKey="6-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 6,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 6,
-                                  "rowKey": "6-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-28"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-6"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-6"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-6"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-6"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-6"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="7-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 7,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={7}
-                            rowKey="7-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 7,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 7,
-                                  "rowKey": "7-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-29"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-7"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-7"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-7"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-7"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-7"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="8-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 8,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": true,
-                                "isLastVisible": true,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={8}
-                            rowKey="8-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 8,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": true,
-                                  "isLastVisible": true,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 8,
-                                  "rowKey": "8-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-30"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-8"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-8"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-8"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-8"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-8"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                        </tbody>
-                      </TbodyBase>
-                    </Tbody>
-                  </BodyWrapper>
-                </BaseBody>
-              </Body>
-            </ContextBody>
-          </TableBody>
-        </table>
-      </TableComposableBase>
-    </TableComposable>
-  </Provider>
-</Table>
-`;
-
-exports[`Simple table caption 1`] = `
-<Table
-  borders={true}
-  canSelectAll={true}
-  caption="Simple Table"
-  cells={
-    Array [
-      Object {
-        "title": "Header cell",
-      },
-      "Branches",
-      Object {
-        "title": "Pull requests",
-      },
-      "Workspaces",
-      Object {
-        "title": "Last Commit",
-      },
-    ]
-  }
-  className=""
-  contentId="expanded-content"
-  dropdownDirection="down"
-  dropdownPosition="right"
-  expandId="expandable-toggle"
-  gridBreakPoint="grid-md"
-  isStickyHeader={false}
-  ouiaSafe={true}
-  role="grid"
-  rowLabeledBy="simple-node"
-  rows={
-    Array [
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-      Object {
-        "cells": Array [
-          "one",
-          "two",
-          "three",
-          "four",
-          "five",
-        ],
-      },
-    ]
-  }
-  selectVariant="checkbox"
-  variant={null}
->
-  <Provider
-    className=""
-    columns={
-      Array [
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Header cell",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "header-cell",
-          "props": Object {
-            "data-key": 0,
-            "data-label": "Header cell",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Branches",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "branches",
-          "props": Object {
-            "data-key": 1,
-            "data-label": "Branches",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Pull requests",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "pull-requests",
-          "props": Object {
-            "data-key": 2,
-            "data-label": "Pull requests",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Workspaces",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "workspaces",
-          "props": Object {
-            "data-key": 3,
-            "data-label": "Workspaces",
-          },
-        },
-        Object {
-          "cell": Object {
-            "formatters": Array [
-              [Function],
-            ],
-            "transforms": Array [
-              [Function],
-            ],
-          },
-          "data": undefined,
-          "extraParams": Object {
-            "actionResolver": undefined,
-            "actions": undefined,
-            "allRowsSelected": false,
-            "areActionsDisabled": undefined,
-            "canSelectAll": true,
-            "contentId": "expanded-content",
-            "dropdownDirection": "down",
-            "dropdownPosition": "right",
-            "expandId": "expandable-toggle",
-            "firstUserColumnIndex": 0,
-            "onCollapse": undefined,
-            "onExpand": undefined,
-            "onRowEdit": undefined,
-            "onSelect": undefined,
-            "onSort": undefined,
-            "rowLabeledBy": "simple-node",
-            "selectVariant": "checkbox",
-            "sortBy": undefined,
-          },
-          "header": Object {
-            "formatters": Array [],
-            "label": "Last Commit",
-            "transforms": Array [
-              [Function],
-              [Function],
-            ],
-          },
-          "property": "last-commit",
-          "props": Object {
-            "data-key": 4,
-            "data-label": "Last Commit",
-          },
-        },
-      ]
-    }
-    gridBreakPoint="grid-md"
-    isStickyHeader={false}
-    ouiaSafe={true}
-    renderers={
-      Object {
-        "body": Object {
-          "cell": [Function],
-          "row": [Function],
-          "wrapper": [Function],
-        },
-        "header": Object {
-          "cell": [Function],
-        },
-      }
-    }
-    role="grid"
-    variant={null}
-  >
-    <TableComposable
-      className=""
-      gridBreakPoint="grid-md"
-      isStickyHeader={false}
-      ouiaSafe={true}
-      role="grid"
-      variant={null}
-    >
-      <TableComposableBase
-        className=""
-        gridBreakPoint="grid-md"
-        innerRef={null}
-        isStickyHeader={false}
-        ouiaSafe={true}
-        role="grid"
-        variant={null}
-      >
-        <table
-          className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-2"
-          data-ouia-component-type="PF4/Table"
-          data-ouia-safe={true}
-          role="grid"
-        >
-          <caption>
-            Simple Table
-          </caption>
-          <TableHeader>
-            <ContextHeader
-              headerRows={null}
-            >
-              <Header
-                className=""
-                headerRows={null}
-              >
-                <BaseHeader
-                  className=""
-                  columns={
-                    Array [
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Header cell",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "header-cell",
-                        "props": Object {
-                          "data-key": 0,
-                          "data-label": "Header cell",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Branches",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "branches",
-                        "props": Object {
-                          "data-key": 1,
-                          "data-label": "Branches",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Pull requests",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 2,
-                          "data-label": "Pull requests",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  headerRows={null}
-                  renderers={
-                    Object {
-                      "body": Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      },
-                      "header": Object {
-                        "cell": [Function],
-                        "row": Object {
-                          "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "Tr",
-                          "render": [Function],
-                        },
-                        "wrapper": Object {
-                          "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "Thead",
-                          "render": [Function],
-                        },
-                      },
-                      "table": Object {
-                        "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "TableComposable",
-                        "render": [Function],
-                      },
-                    }
-                  }
-                >
-                  <Thead
-                    className=""
-                  >
-                    <TheadBase
-                      className=""
-                      innerRef={null}
-                    >
-                      <thead
-                        className=""
-                      >
-                        <HeaderRow
-                          key="0-header-row"
-                          renderers={
-                            Object {
-                              "cell": [Function],
-                              "row": Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "Tr",
-                                "render": [Function],
-                              },
-                              "wrapper": Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "displayName": "Thead",
-                                "render": [Function],
-                              },
-                            }
-                          }
-                          rowData={
-                            Array [
-                              Object {
-                                "cell": Object {
-                                  "formatters": Array [
-                                    [Function],
-                                  ],
-                                  "transforms": Array [
-                                    [Function],
-                                  ],
-                                },
-                                "data": undefined,
-                                "extraParams": Object {
-                                  "actionResolver": undefined,
-                                  "actions": undefined,
-                                  "allRowsSelected": false,
-                                  "areActionsDisabled": undefined,
-                                  "canSelectAll": true,
-                                  "contentId": "expanded-content",
-                                  "dropdownDirection": "down",
-                                  "dropdownPosition": "right",
-                                  "expandId": "expandable-toggle",
-                                  "firstUserColumnIndex": 0,
-                                  "onCollapse": undefined,
-                                  "onExpand": undefined,
-                                  "onRowEdit": undefined,
-                                  "onSelect": undefined,
-                                  "onSort": undefined,
-                                  "rowLabeledBy": "simple-node",
-                                  "selectVariant": "checkbox",
-                                  "sortBy": undefined,
-                                },
-                                "header": Object {
-                                  "formatters": Array [],
-                                  "label": "Header cell",
-                                  "transforms": Array [
-                                    [Function],
-                                    [Function],
-                                  ],
-                                },
-                                "property": "header-cell",
-                                "props": Object {
-                                  "data-key": 0,
-                                  "data-label": "Header cell",
-                                },
-                              },
-                              Object {
-                                "cell": Object {
-                                  "formatters": Array [
-                                    [Function],
-                                  ],
-                                  "transforms": Array [
-                                    [Function],
-                                  ],
-                                },
-                                "data": undefined,
-                                "extraParams": Object {
-                                  "actionResolver": undefined,
-                                  "actions": undefined,
-                                  "allRowsSelected": false,
-                                  "areActionsDisabled": undefined,
-                                  "canSelectAll": true,
-                                  "contentId": "expanded-content",
-                                  "dropdownDirection": "down",
-                                  "dropdownPosition": "right",
-                                  "expandId": "expandable-toggle",
-                                  "firstUserColumnIndex": 0,
-                                  "onCollapse": undefined,
-                                  "onExpand": undefined,
-                                  "onRowEdit": undefined,
-                                  "onSelect": undefined,
-                                  "onSort": undefined,
-                                  "rowLabeledBy": "simple-node",
-                                  "selectVariant": "checkbox",
-                                  "sortBy": undefined,
-                                },
-                                "header": Object {
-                                  "formatters": Array [],
-                                  "label": "Branches",
-                                  "transforms": Array [
-                                    [Function],
-                                    [Function],
-                                  ],
-                                },
-                                "property": "branches",
-                                "props": Object {
-                                  "data-key": 1,
-                                  "data-label": "Branches",
-                                },
-                              },
-                              Object {
-                                "cell": Object {
-                                  "formatters": Array [
-                                    [Function],
-                                  ],
-                                  "transforms": Array [
-                                    [Function],
-                                  ],
-                                },
-                                "data": undefined,
-                                "extraParams": Object {
-                                  "actionResolver": undefined,
-                                  "actions": undefined,
-                                  "allRowsSelected": false,
-                                  "areActionsDisabled": undefined,
-                                  "canSelectAll": true,
-                                  "contentId": "expanded-content",
-                                  "dropdownDirection": "down",
-                                  "dropdownPosition": "right",
-                                  "expandId": "expandable-toggle",
-                                  "firstUserColumnIndex": 0,
-                                  "onCollapse": undefined,
-                                  "onExpand": undefined,
-                                  "onRowEdit": undefined,
-                                  "onSelect": undefined,
-                                  "onSort": undefined,
-                                  "rowLabeledBy": "simple-node",
-                                  "selectVariant": "checkbox",
-                                  "sortBy": undefined,
-                                },
-                                "header": Object {
-                                  "formatters": Array [],
-                                  "label": "Pull requests",
-                                  "transforms": Array [
-                                    [Function],
-                                    [Function],
-                                  ],
-                                },
-                                "property": "pull-requests",
-                                "props": Object {
-                                  "data-key": 2,
-                                  "data-label": "Pull requests",
-                                },
-                              },
-                              Object {
-                                "cell": Object {
-                                  "formatters": Array [
-                                    [Function],
-                                  ],
-                                  "transforms": Array [
-                                    [Function],
-                                  ],
-                                },
-                                "data": undefined,
-                                "extraParams": Object {
-                                  "actionResolver": undefined,
-                                  "actions": undefined,
-                                  "allRowsSelected": false,
-                                  "areActionsDisabled": undefined,
-                                  "canSelectAll": true,
-                                  "contentId": "expanded-content",
-                                  "dropdownDirection": "down",
-                                  "dropdownPosition": "right",
-                                  "expandId": "expandable-toggle",
-                                  "firstUserColumnIndex": 0,
-                                  "onCollapse": undefined,
-                                  "onExpand": undefined,
-                                  "onRowEdit": undefined,
-                                  "onSelect": undefined,
-                                  "onSort": undefined,
-                                  "rowLabeledBy": "simple-node",
-                                  "selectVariant": "checkbox",
-                                  "sortBy": undefined,
-                                },
-                                "header": Object {
-                                  "formatters": Array [],
-                                  "label": "Workspaces",
-                                  "transforms": Array [
-                                    [Function],
-                                    [Function],
-                                  ],
-                                },
-                                "property": "workspaces",
-                                "props": Object {
-                                  "data-key": 3,
-                                  "data-label": "Workspaces",
-                                },
-                              },
-                              Object {
-                                "cell": Object {
-                                  "formatters": Array [
-                                    [Function],
-                                  ],
-                                  "transforms": Array [
-                                    [Function],
-                                  ],
-                                },
-                                "data": undefined,
-                                "extraParams": Object {
-                                  "actionResolver": undefined,
-                                  "actions": undefined,
-                                  "allRowsSelected": false,
-                                  "areActionsDisabled": undefined,
-                                  "canSelectAll": true,
-                                  "contentId": "expanded-content",
-                                  "dropdownDirection": "down",
-                                  "dropdownPosition": "right",
-                                  "expandId": "expandable-toggle",
-                                  "firstUserColumnIndex": 0,
-                                  "onCollapse": undefined,
-                                  "onExpand": undefined,
-                                  "onRowEdit": undefined,
-                                  "onSelect": undefined,
-                                  "onSort": undefined,
-                                  "rowLabeledBy": "simple-node",
-                                  "selectVariant": "checkbox",
-                                  "sortBy": undefined,
-                                },
-                                "header": Object {
-                                  "formatters": Array [],
-                                  "label": "Last Commit",
-                                  "transforms": Array [
-                                    [Function],
-                                    [Function],
-                                  ],
-                                },
-                                "property": "last-commit",
-                                "props": Object {
-                                  "data-key": 4,
-                                  "data-label": "Last Commit",
-                                },
-                              },
-                            ]
-                          }
-                          rowIndex={0}
-                        >
-                          <Tr>
-                            <TrBase
-                              innerRef={null}
-                            >
-                              <tr
-                                className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-1"
-                                data-ouia-component-type="PF4/TableRow"
-                                data-ouia-safe={true}
-                                hidden={false}
-                              >
-                                <HeaderCell
-                                  data-key={0}
-                                  data-label="Header cell"
-                                  key="0-header"
-                                  scope="col"
-                                >
-                                  <Th
-                                    className=""
-                                    component="th"
-                                    data-key={0}
-                                    data-label="Header cell"
-                                    onMouseEnter={[Function]}
-                                    scope="col"
-                                    textCenter={false}
-                                    tooltip=""
-                                  >
-                                    <ThBase
-                                      className=""
-                                      component="th"
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      innerRef={null}
-                                      onMouseEnter={[Function]}
-                                      scope="col"
-                                      textCenter={false}
-                                      tooltip=""
-                                    >
-                                      <th
-                                        className=""
-                                        data-key={0}
-                                        data-label="Header cell"
-                                        onMouseEnter={[Function]}
-                                        scope="col"
-                                      >
-                                        Header cell
-                                      </th>
-                                    </ThBase>
-                                  </Th>
-                                </HeaderCell>
-                                <HeaderCell
-                                  data-key={1}
-                                  data-label="Branches"
-                                  key="1-header"
-                                  scope="col"
-                                >
-                                  <Th
-                                    className=""
-                                    component="th"
-                                    data-key={1}
-                                    data-label="Branches"
-                                    onMouseEnter={[Function]}
-                                    scope="col"
-                                    textCenter={false}
-                                    tooltip=""
-                                  >
-                                    <ThBase
-                                      className=""
-                                      component="th"
-                                      data-key={1}
-                                      data-label="Branches"
-                                      innerRef={null}
-                                      onMouseEnter={[Function]}
-                                      scope="col"
-                                      textCenter={false}
-                                      tooltip=""
-                                    >
-                                      <th
-                                        className=""
-                                        data-key={1}
-                                        data-label="Branches"
-                                        onMouseEnter={[Function]}
-                                        scope="col"
-                                      >
-                                        Branches
-                                      </th>
-                                    </ThBase>
-                                  </Th>
-                                </HeaderCell>
-                                <HeaderCell
-                                  data-key={2}
-                                  data-label="Pull requests"
-                                  key="2-header"
-                                  scope="col"
-                                >
-                                  <Th
-                                    className=""
-                                    component="th"
-                                    data-key={2}
-                                    data-label="Pull requests"
-                                    onMouseEnter={[Function]}
-                                    scope="col"
-                                    textCenter={false}
-                                    tooltip=""
-                                  >
-                                    <ThBase
-                                      className=""
-                                      component="th"
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      innerRef={null}
-                                      onMouseEnter={[Function]}
-                                      scope="col"
-                                      textCenter={false}
-                                      tooltip=""
-                                    >
-                                      <th
-                                        className=""
-                                        data-key={2}
-                                        data-label="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        scope="col"
-                                      >
-                                        Pull requests
-                                      </th>
-                                    </ThBase>
-                                  </Th>
-                                </HeaderCell>
-                                <HeaderCell
-                                  data-key={3}
-                                  data-label="Workspaces"
-                                  key="3-header"
-                                  scope="col"
-                                >
-                                  <Th
-                                    className=""
-                                    component="th"
-                                    data-key={3}
-                                    data-label="Workspaces"
-                                    onMouseEnter={[Function]}
-                                    scope="col"
-                                    textCenter={false}
-                                    tooltip=""
-                                  >
-                                    <ThBase
-                                      className=""
-                                      component="th"
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      innerRef={null}
-                                      onMouseEnter={[Function]}
-                                      scope="col"
-                                      textCenter={false}
-                                      tooltip=""
-                                    >
-                                      <th
-                                        className=""
-                                        data-key={3}
-                                        data-label="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        scope="col"
-                                      >
-                                        Workspaces
-                                      </th>
-                                    </ThBase>
-                                  </Th>
-                                </HeaderCell>
-                                <HeaderCell
-                                  data-key={4}
-                                  data-label="Last Commit"
-                                  key="4-header"
-                                  scope="col"
-                                >
-                                  <Th
-                                    className=""
-                                    component="th"
-                                    data-key={4}
-                                    data-label="Last Commit"
-                                    onMouseEnter={[Function]}
-                                    scope="col"
-                                    textCenter={false}
-                                    tooltip=""
-                                  >
-                                    <ThBase
-                                      className=""
-                                      component="th"
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      innerRef={null}
-                                      onMouseEnter={[Function]}
-                                      scope="col"
-                                      textCenter={false}
-                                      tooltip=""
-                                    >
-                                      <th
-                                        className=""
-                                        data-key={4}
-                                        data-label="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        scope="col"
-                                      >
-                                        Last Commit
-                                      </th>
-                                    </ThBase>
-                                  </Th>
-                                </HeaderCell>
-                              </tr>
-                            </TrBase>
-                          </Tr>
-                        </HeaderRow>
-                      </thead>
-                    </TheadBase>
-                  </Thead>
-                </BaseHeader>
-              </Header>
-            </ContextHeader>
-          </TableHeader>
-          <TableBody>
-            <ContextBody
-              className=""
-              headerData={
-                Array [
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Header cell",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "header-cell",
-                    "props": Object {
-                      "data-key": 0,
-                      "data-label": "Header cell",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Branches",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "branches",
-                    "props": Object {
-                      "data-key": 1,
-                      "data-label": "Branches",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Pull requests",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "pull-requests",
-                    "props": Object {
-                      "data-key": 2,
-                      "data-label": "Pull requests",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Workspaces",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "workspaces",
-                    "props": Object {
-                      "data-key": 3,
-                      "data-label": "Workspaces",
-                    },
-                  },
-                  Object {
-                    "cell": Object {
-                      "formatters": Array [
-                        [Function],
-                      ],
-                      "transforms": Array [
-                        [Function],
-                      ],
-                    },
-                    "data": undefined,
-                    "extraParams": Object {
-                      "actionResolver": undefined,
-                      "actions": undefined,
-                      "allRowsSelected": false,
-                      "areActionsDisabled": undefined,
-                      "canSelectAll": true,
-                      "contentId": "expanded-content",
-                      "dropdownDirection": "down",
-                      "dropdownPosition": "right",
-                      "expandId": "expandable-toggle",
-                      "firstUserColumnIndex": 0,
-                      "onCollapse": undefined,
-                      "onExpand": undefined,
-                      "onRowEdit": undefined,
-                      "onSelect": undefined,
-                      "onSort": undefined,
-                      "rowLabeledBy": "simple-node",
-                      "selectVariant": "checkbox",
-                      "sortBy": undefined,
-                    },
-                    "header": Object {
-                      "formatters": Array [],
-                      "label": "Last Commit",
-                      "transforms": Array [
-                        [Function],
-                        [Function],
-                      ],
-                    },
-                    "property": "last-commit",
-                    "props": Object {
-                      "data-key": 4,
-                      "data-label": "Last Commit",
-                    },
-                  },
-                ]
-              }
-              headerRows={null}
-              onRow={[Function]}
-              onRowClick={[Function]}
-              rowKey="id"
-              rows={
-                Array [
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                  Object {
-                    "cells": Array [
-                      "one",
-                      "two",
-                      "three",
-                      "four",
-                      "five",
-                    ],
-                  },
-                ]
-              }
-            >
-              <Body
-                className=""
-                headerRows={null}
-                mappedRows={
-                  Array [
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 0,
-                      "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 1,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 2,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 3,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 4,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 5,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 6,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 7,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 8,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                  ]
-                }
-                onRow={[Function]}
-                rowKey="id"
-                rows={
-                  Array [
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 0,
-                      "isExpanded": undefined,
-                      "isFirst": true,
-                      "isFirstVisible": true,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 1,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 2,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 3,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 4,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 5,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 6,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 7,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": false,
-                      "isLastVisible": false,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                    Object {
-                      "branches": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "two",
-                      },
-                      "cells": Array [
-                        "one",
-                        "two",
-                        "three",
-                        "four",
-                        "five",
-                      ],
-                      "header-cell": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "one",
-                      },
-                      "id": 8,
-                      "isExpanded": undefined,
-                      "isFirst": false,
-                      "isFirstVisible": false,
-                      "isHeightAuto": false,
-                      "isLast": true,
-                      "isLastVisible": true,
-                      "last-commit": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "five",
-                      },
-                      "pull-requests": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "three",
-                      },
-                      "workspaces": Object {
-                        "formatters": Array [],
-                        "props": Object {
-                          "isVisible": true,
-                        },
-                        "title": "four",
-                      },
-                    },
-                  ]
-                }
-              >
-                <BaseBody
-                  className=""
-                  columns={
-                    Array [
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Header cell",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "header-cell",
-                        "props": Object {
-                          "data-key": 0,
-                          "data-label": "Header cell",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Branches",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "branches",
-                        "props": Object {
-                          "data-key": 1,
-                          "data-label": "Branches",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Pull requests",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "pull-requests",
-                        "props": Object {
-                          "data-key": 2,
-                          "data-label": "Pull requests",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Workspaces",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "workspaces",
-                        "props": Object {
-                          "data-key": 3,
-                          "data-label": "Workspaces",
-                        },
-                      },
-                      Object {
-                        "cell": Object {
-                          "formatters": Array [
-                            [Function],
-                          ],
-                          "transforms": Array [
-                            [Function],
-                          ],
-                        },
-                        "data": undefined,
-                        "extraParams": Object {
-                          "actionResolver": undefined,
-                          "actions": undefined,
-                          "allRowsSelected": false,
-                          "areActionsDisabled": undefined,
-                          "canSelectAll": true,
-                          "contentId": "expanded-content",
-                          "dropdownDirection": "down",
-                          "dropdownPosition": "right",
-                          "expandId": "expandable-toggle",
-                          "firstUserColumnIndex": 0,
-                          "onCollapse": undefined,
-                          "onExpand": undefined,
-                          "onRowEdit": undefined,
-                          "onSelect": undefined,
-                          "onSort": undefined,
-                          "rowLabeledBy": "simple-node",
-                          "selectVariant": "checkbox",
-                          "sortBy": undefined,
-                        },
-                        "header": Object {
-                          "formatters": Array [],
-                          "label": "Last Commit",
-                          "transforms": Array [
-                            [Function],
-                            [Function],
-                          ],
-                        },
-                        "property": "last-commit",
-                        "props": Object {
-                          "data-key": 4,
-                          "data-label": "Last Commit",
-                        },
-                      },
-                    ]
-                  }
-                  headerRows={null}
-                  mappedRows={
-                    Array [
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 3,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 4,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 5,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                    ]
-                  }
-                  onRow={[Function]}
-                  renderers={
-                    Object {
-                      "body": Object {
-                        "cell": [Function],
-                        "row": [Function],
-                        "wrapper": [Function],
-                      },
-                      "header": Object {
-                        "cell": [Function],
-                        "row": Object {
-                          "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "Tr",
-                          "render": [Function],
-                        },
-                        "wrapper": Object {
-                          "$$typeof": Symbol(react.forward_ref),
-                          "displayName": "Thead",
-                          "render": [Function],
-                        },
-                      },
-                      "table": Object {
-                        "$$typeof": Symbol(react.forward_ref),
-                        "displayName": "TableComposable",
-                        "render": [Function],
-                      },
-                    }
-                  }
-                  rowKey="id"
-                  rows={
-                    Array [
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 0,
-                        "isExpanded": undefined,
-                        "isFirst": true,
-                        "isFirstVisible": true,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 1,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 2,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 3,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 4,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 5,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 6,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 7,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": false,
-                        "isLastVisible": false,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                      Object {
-                        "branches": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "two",
-                        },
-                        "cells": Array [
-                          "one",
-                          "two",
-                          "three",
-                          "four",
-                          "five",
-                        ],
-                        "header-cell": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "one",
-                        },
-                        "id": 8,
-                        "isExpanded": undefined,
-                        "isFirst": false,
-                        "isFirstVisible": false,
-                        "isHeightAuto": false,
-                        "isLast": true,
-                        "isLastVisible": true,
-                        "last-commit": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "five",
-                        },
-                        "pull-requests": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "three",
-                        },
-                        "workspaces": Object {
-                          "formatters": Array [],
-                          "props": Object {
-                            "isVisible": true,
-                          },
-                          "title": "four",
-                        },
-                      },
-                    ]
-                  }
-                >
-                  <BodyWrapper
-                    className=""
-                    headerRows={null}
-                    mappedRows={
-                      Array [
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 0,
-                          "isExpanded": undefined,
-                          "isFirst": true,
-                          "isFirstVisible": true,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 1,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 2,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 3,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 4,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 5,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 6,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 7,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": false,
-                          "isLastVisible": false,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                        Object {
-                          "branches": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "two",
-                          },
-                          "cells": Array [
-                            "one",
-                            "two",
-                            "three",
-                            "four",
-                            "five",
-                          ],
-                          "header-cell": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "one",
-                          },
-                          "id": 8,
-                          "isExpanded": undefined,
-                          "isFirst": false,
-                          "isFirstVisible": false,
-                          "isHeightAuto": false,
-                          "isLast": true,
-                          "isLastVisible": true,
-                          "last-commit": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "five",
-                          },
-                          "pull-requests": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "three",
-                          },
-                          "workspaces": Object {
-                            "formatters": Array [],
-                            "props": Object {
-                              "isVisible": true,
-                            },
-                            "title": "four",
-                          },
-                        },
-                      ]
-                    }
-                  >
-                    <Tbody
-                      className=""
-                    >
-                      <TbodyBase
-                        className=""
-                        innerRef={null}
-                      >
-                        <tbody
-                          className=""
-                          role="rowgroup"
-                        >
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="0-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 0,
-                                "isExpanded": undefined,
-                                "isFirst": true,
-                                "isFirstVisible": true,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={0}
-                            rowKey="0-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 0,
-                                  "isExpanded": undefined,
-                                  "isFirst": true,
-                                  "isFirstVisible": true,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 0,
-                                  "rowKey": "0-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-2"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-0"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-0"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-0"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-0"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-0"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="1-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 1,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={1}
-                            rowKey="1-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 1,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 1,
-                                  "rowKey": "1-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-3"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-1"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-1"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-1"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-1"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-1"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="2-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 2,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={2}
-                            rowKey="2-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 2,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 2,
-                                  "rowKey": "2-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-4"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-2"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-2"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-2"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-2"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-2"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="3-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 3,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={3}
-                            rowKey="3-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 3,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 3,
-                                  "rowKey": "3-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-5"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-3"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-3"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-3"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-3"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-3"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="4-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 4,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={4}
-                            rowKey="4-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 4,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 4,
-                                  "rowKey": "4-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-6"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-4"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-4"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-4"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-4"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-4"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="5-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 5,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={5}
-                            rowKey="5-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 5,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 5,
-                                  "rowKey": "5-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-7"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-5"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-5"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-5"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-5"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-5"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="6-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 6,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={6}
-                            rowKey="6-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 6,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 6,
-                                  "rowKey": "6-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-8"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-6"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-6"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-6"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-6"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-6"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="7-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 7,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": false,
-                                "isLastVisible": false,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={7}
-                            rowKey="7-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 7,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": false,
-                                  "isLastVisible": false,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 7,
-                                  "rowKey": "7-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-9"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-7"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-7"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-7"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-7"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-7"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                  </tr>
-                                </TrBase>
-                              </Tr>
-                            </RowWrapper>
-                          </BodyRow>
-                          <BodyRow
-                            columns={
-                              Array [
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Header cell",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "header-cell",
-                                  "props": Object {
-                                    "data-key": 0,
-                                    "data-label": "Header cell",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Branches",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "branches",
-                                  "props": Object {
-                                    "data-key": 1,
-                                    "data-label": "Branches",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Pull requests",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "pull-requests",
-                                  "props": Object {
-                                    "data-key": 2,
-                                    "data-label": "Pull requests",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Workspaces",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "workspaces",
-                                  "props": Object {
-                                    "data-key": 3,
-                                    "data-label": "Workspaces",
-                                  },
-                                },
-                                Object {
-                                  "cell": Object {
-                                    "formatters": Array [
-                                      [Function],
-                                    ],
-                                    "transforms": Array [
-                                      [Function],
-                                    ],
-                                  },
-                                  "data": undefined,
-                                  "extraParams": Object {
-                                    "actionResolver": undefined,
-                                    "actions": undefined,
-                                    "allRowsSelected": false,
-                                    "areActionsDisabled": undefined,
-                                    "canSelectAll": true,
-                                    "contentId": "expanded-content",
-                                    "dropdownDirection": "down",
-                                    "dropdownPosition": "right",
-                                    "expandId": "expandable-toggle",
-                                    "firstUserColumnIndex": 0,
-                                    "onCollapse": undefined,
-                                    "onExpand": undefined,
-                                    "onRowEdit": undefined,
-                                    "onSelect": undefined,
-                                    "onSort": undefined,
-                                    "rowLabeledBy": "simple-node",
-                                    "selectVariant": "checkbox",
-                                    "sortBy": undefined,
-                                  },
-                                  "header": Object {
-                                    "formatters": Array [],
-                                    "label": "Last Commit",
-                                    "transforms": Array [
-                                      [Function],
-                                      [Function],
-                                    ],
-                                  },
-                                  "property": "last-commit",
-                                  "props": Object {
-                                    "data-key": 4,
-                                    "data-label": "Last Commit",
-                                  },
-                                },
-                              ]
-                            }
-                            key="8-row"
-                            onRow={[Function]}
-                            renderers={
-                              Object {
-                                "cell": [Function],
-                                "row": [Function],
-                                "wrapper": [Function],
-                              }
-                            }
-                            rowData={
-                              Object {
-                                "branches": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "two",
-                                },
-                                "cells": Array [
-                                  "one",
-                                  "two",
-                                  "three",
-                                  "four",
-                                  "five",
-                                ],
-                                "header-cell": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "one",
-                                },
-                                "id": 8,
-                                "isExpanded": undefined,
-                                "isFirst": false,
-                                "isFirstVisible": false,
-                                "isHeightAuto": false,
-                                "isLast": true,
-                                "isLastVisible": true,
-                                "last-commit": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "five",
-                                },
-                                "pull-requests": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "three",
-                                },
-                                "workspaces": Object {
-                                  "formatters": Array [],
-                                  "props": Object {
-                                    "isVisible": true,
-                                  },
-                                  "title": "four",
-                                },
-                              }
-                            }
-                            rowIndex={8}
-                            rowKey="8-row"
-                          >
-                            <RowWrapper
-                              className=""
-                              onMouseDown={[Function]}
-                              row={
-                                Object {
-                                  "branches": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "two",
-                                  },
-                                  "cells": Array [
-                                    "one",
-                                    "two",
-                                    "three",
-                                    "four",
-                                    "five",
-                                  ],
-                                  "header-cell": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "one",
-                                  },
-                                  "id": 8,
-                                  "isExpanded": undefined,
-                                  "isFirst": false,
-                                  "isFirstVisible": false,
-                                  "isHeightAuto": false,
-                                  "isLast": true,
-                                  "isLastVisible": true,
-                                  "last-commit": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "five",
-                                  },
-                                  "pull-requests": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "three",
-                                  },
-                                  "workspaces": Object {
-                                    "formatters": Array [],
-                                    "props": Object {
-                                      "isVisible": true,
-                                    },
-                                    "title": "four",
-                                  },
-                                }
-                              }
-                              rowProps={
-                                Object {
-                                  "rowIndex": 8,
-                                  "rowKey": "8-row",
-                                }
-                              }
-                            >
-                              <Tr
-                                className=""
-                                onMouseDown={[Function]}
-                              >
-                                <TrBase
-                                  className=""
-                                  innerRef={null}
-                                  onMouseDown={[Function]}
-                                >
-                                  <tr
-                                    className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-10"
-                                    data-ouia-component-type="PF4/TableRow"
-                                    data-ouia-safe={true}
-                                    hidden={false}
-                                    onMouseDown={[Function]}
-                                  >
-                                    <BodyCell
-                                      data-key={0}
-                                      data-label="Header cell"
-                                      isVisible={true}
-                                      key="col-0-row-8"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={0}
-                                        dataLabel="Header cell"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={0}
-                                          dataLabel="Header cell"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={0}
-                                            data-label="Header cell"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            one
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={1}
-                                      data-label="Branches"
-                                      isVisible={true}
-                                      key="col-1-row-8"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={1}
-                                        dataLabel="Branches"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={1}
-                                          dataLabel="Branches"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={1}
-                                            data-label="Branches"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            two
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={2}
-                                      data-label="Pull requests"
-                                      isVisible={true}
-                                      key="col-2-row-8"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={2}
-                                        dataLabel="Pull requests"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={2}
-                                          dataLabel="Pull requests"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={2}
-                                            data-label="Pull requests"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            three
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={3}
-                                      data-label="Workspaces"
-                                      isVisible={true}
-                                      key="col-3-row-8"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={3}
-                                        dataLabel="Workspaces"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={3}
-                                          dataLabel="Workspaces"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={3}
-                                            data-label="Workspaces"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            four
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
-                                    <BodyCell
-                                      data-key={4}
-                                      data-label="Last Commit"
-                                      isVisible={true}
-                                      key="col-4-row-8"
-                                    >
-                                      <Td
-                                        className=""
-                                        component="td"
-                                        data-key={4}
-                                        dataLabel="Last Commit"
-                                        onMouseEnter={[Function]}
-                                        textCenter={false}
-                                      >
-                                        <TdBase
-                                          className=""
-                                          component="td"
-                                          data-key={4}
-                                          dataLabel="Last Commit"
-                                          innerRef={null}
-                                          onMouseEnter={[Function]}
-                                          textCenter={false}
-                                        >
-                                          <td
-                                            className=""
-                                            data-key={4}
-                                            data-label="Last Commit"
-                                            onMouseEnter={[Function]}
-                                          >
-                                            five
-                                          </td>
-                                        </TdBase>
-                                      </Td>
-                                    </BodyCell>
+                                    <BodyCell
+                                      className="pf-c-table__action"
+                                      data-key={5}
+                                      data-label=""
+                                      isVisible={true}
+                                      key="col-5-row-9"
+                                    >
+                                      <Td
+                                        className="pf-c-table__action"
+                                        component="td"
+                                        data-key={5}
+                                        dataLabel={null}
+                                        onMouseEnter={[Function]}
+                                        textCenter={false}
+                                      >
+                                        <TdBase
+                                          className="pf-c-table__action"
+                                          component="td"
+                                          data-key={5}
+                                          dataLabel={null}
+                                          innerRef={null}
+                                          onMouseEnter={[Function]}
+                                          textCenter={false}
+                                        >
+                                          <td
+                                            className="pf-c-table__action"
+                                            data-key={5}
+                                            data-label={null}
+                                            onMouseEnter={[Function]}
+                                          >
+                                            <ActionsColumn
+                                              dropdownDirection="down"
+                                              dropdownPosition="right"
+                                              extraData={
+                                                Object {
+                                                  "column": Object {
+                                                    "cell": Object {
+                                                      "formatters": Array [
+                                                        [Function],
+                                                      ],
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "data": undefined,
+                                                    "extraParams": Object {
+                                                      "actionResolver": undefined,
+                                                      "actions": Array [
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Some action",
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": <div>
+                                                            Another action
+                                                          </div>,
+                                                        },
+                                                        Object {
+                                                          "isSeparator": true,
+                                                          "onClick": null,
+                                                        },
+                                                        Object {
+                                                          "onClick": [Function],
+                                                          "title": "Third action",
+                                                        },
+                                                      ],
+                                                      "allRowsSelected": false,
+                                                      "areActionsDisabled": undefined,
+                                                      "canSelectAll": true,
+                                                      "contentId": "expanded-content",
+                                                      "dropdownDirection": "down",
+                                                      "dropdownPosition": "right",
+                                                      "expandId": "expandable-toggle",
+                                                      "firstUserColumnIndex": 0,
+                                                      "onCollapse": undefined,
+                                                      "onExpand": undefined,
+                                                      "onRowEdit": undefined,
+                                                      "onSelect": undefined,
+                                                      "onSort": undefined,
+                                                      "rowLabeledBy": "simple-node",
+                                                      "selectVariant": "checkbox",
+                                                      "sortBy": undefined,
+                                                    },
+                                                    "header": Object {
+                                                      "formatters": Array [],
+                                                      "label": "",
+                                                      "transforms": Array [
+                                                        [Function],
+                                                        [Function],
+                                                        [Function],
+                                                      ],
+                                                    },
+                                                    "property": "column-5",
+                                                    "props": Object {
+                                                      "data-key": 5,
+                                                      "data-label": "",
+                                                    },
+                                                  },
+                                                  "columnIndex": 5,
+                                                  "property": "column-5",
+                                                  "rowIndex": 9,
+                                                }
+                                              }
+                                              isDisabled={true}
+                                              items={
+                                                Array [
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Some action",
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": <div>
+                                                      Another action
+                                                    </div>,
+                                                  },
+                                                  Object {
+                                                    "isSeparator": true,
+                                                    "onClick": null,
+                                                  },
+                                                  Object {
+                                                    "onClick": [Function],
+                                                    "title": "Third action",
+                                                  },
+                                                ]
+                                              }
+                                              rowData={
+                                                Object {
+                                                  "branches": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "two",
+                                                  },
+                                                  "cells": Array [
+                                                    "one",
+                                                    "two",
+                                                    "three",
+                                                    "four",
+                                                    "five",
+                                                  ],
+                                                  "disableActions": true,
+                                                  "header-cell": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "one",
+                                                  },
+                                                  "id": 9,
+                                                  "isExpanded": undefined,
+                                                  "isFirst": false,
+                                                  "isFirstVisible": false,
+                                                  "isHeightAuto": false,
+                                                  "isLast": true,
+                                                  "isLastVisible": true,
+                                                  "last-commit": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "five",
+                                                  },
+                                                  "pull-requests": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "three",
+                                                  },
+                                                  "workspaces": Object {
+                                                    "formatters": Array [],
+                                                    "props": Object {
+                                                      "isVisible": true,
+                                                    },
+                                                    "title": "four",
+                                                  },
+                                                }
+                                              }
+                                            >
+                                              <Dropdown
+                                                direction="down"
+                                                dropdownItems={
+                                                  Array [
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={0}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Some action
+                                                    </DropdownItem>,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={1}
+                                                      onClick={[Function]}
+                                                    >
+                                                      <div>
+                                                        Another action
+                                                      </div>
+                                                    </DropdownItem>,
+                                                    <DropdownSeparator
+                                                      data-key={2}
+                                                    />,
+                                                    <DropdownItem
+                                                      component="button"
+                                                      data-key={3}
+                                                      onClick={[Function]}
+                                                    >
+                                                      Third action
+                                                    </DropdownItem>,
+                                                  ]
+                                                }
+                                                isOpen={false}
+                                                isPlain={true}
+                                                position="right"
+                                                toggle={
+                                                  <KebabToggle
+                                                    isDisabled={true}
+                                                    onToggle={[Function]}
+                                                  />
+                                                }
+                                              >
+                                                <DropdownWithContext
+                                                  autoFocus={true}
+                                                  className=""
+                                                  direction="down"
+                                                  dropdownItems={
+                                                    Array [
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={0}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Some action
+                                                      </DropdownItem>,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={1}
+                                                        onClick={[Function]}
+                                                      >
+                                                        <div>
+                                                          Another action
+                                                        </div>
+                                                      </DropdownItem>,
+                                                      <DropdownSeparator
+                                                        data-key={2}
+                                                      />,
+                                                      <DropdownItem
+                                                        component="button"
+                                                        data-key={3}
+                                                        onClick={[Function]}
+                                                      >
+                                                        Third action
+                                                      </DropdownItem>,
+                                                    ]
+                                                  }
+                                                  isGrouped={false}
+                                                  isOpen={false}
+                                                  isPlain={true}
+                                                  menuAppendTo="inline"
+                                                  onSelect={[Function]}
+                                                  position="right"
+                                                  toggle={
+                                                    <KebabToggle
+                                                      isDisabled={true}
+                                                      onToggle={[Function]}
+                                                    />
+                                                  }
+                                                >
+                                                  <div
+                                                    className="pf-c-dropdown pf-m-align-right"
+                                                    data-ouia-component-id="OUIA-Generated-Dropdown-10"
+                                                    data-ouia-component-type="PF4/Dropdown"
+                                                    data-ouia-safe={true}
+                                                  >
+                                                    <KebabToggle
+                                                      aria-haspopup={true}
+                                                      getMenuRef={[Function]}
+                                                      id="pf-dropdown-toggle-id-9"
+                                                      isDisabled={true}
+                                                      isOpen={false}
+                                                      isPlain={true}
+                                                      key=".0"
+                                                      onEnter={[Function]}
+                                                      onToggle={[Function]}
+                                                      parentRef={
+                                                        Object {
+                                                          "current": <div
+                                                            class="pf-c-dropdown pf-m-align-right"
+                                                            data-ouia-component-id="OUIA-Generated-Dropdown-10"
+                                                            data-ouia-component-type="PF4/Dropdown"
+                                                            data-ouia-safe="true"
+                                                          >
+                                                            <button
+                                                              aria-expanded="false"
+                                                              aria-haspopup="true"
+                                                              aria-label="Actions"
+                                                              class="pf-c-dropdown__toggle pf-m-plain"
+                                                              disabled=""
+                                                              id="pf-dropdown-toggle-id-9"
+                                                              type="button"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                fill="currentColor"
+                                                                height="1em"
+                                                                role="img"
+                                                                style="vertical-align: -0.125em;"
+                                                                viewBox="0 0 192 512"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                />
+                                                              </svg>
+                                                            </button>
+                                                          </div>,
+                                                        }
+                                                      }
+                                                    >
+                                                      <Toggle
+                                                        aria-haspopup={true}
+                                                        aria-label="Actions"
+                                                        bubbleEvent={false}
+                                                        className=""
+                                                        getMenuRef={[Function]}
+                                                        id="pf-dropdown-toggle-id-9"
+                                                        isActive={false}
+                                                        isDisabled={true}
+                                                        isOpen={false}
+                                                        isPlain={true}
+                                                        isPrimary={false}
+                                                        isSplitButton={false}
+                                                        onEnter={[Function]}
+                                                        onToggle={[Function]}
+                                                        parentRef={
+                                                          Object {
+                                                            "current": <div
+                                                              class="pf-c-dropdown pf-m-align-right"
+                                                              data-ouia-component-id="OUIA-Generated-Dropdown-10"
+                                                              data-ouia-component-type="PF4/Dropdown"
+                                                              data-ouia-safe="true"
+                                                            >
+                                                              <button
+                                                                aria-expanded="false"
+                                                                aria-haspopup="true"
+                                                                aria-label="Actions"
+                                                                class="pf-c-dropdown__toggle pf-m-plain"
+                                                                disabled=""
+                                                                id="pf-dropdown-toggle-id-9"
+                                                                type="button"
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  fill="currentColor"
+                                                                  height="1em"
+                                                                  role="img"
+                                                                  style="vertical-align: -0.125em;"
+                                                                  viewBox="0 0 192 512"
+                                                                  width="1em"
+                                                                >
+                                                                  <path
+                                                                    d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                                  />
+                                                                </svg>
+                                                              </button>
+                                                            </div>,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-label="Actions"
+                                                          className="pf-c-dropdown__toggle pf-m-plain"
+                                                          disabled={true}
+                                                          id="pf-dropdown-toggle-id-9"
+                                                          onClick={[Function]}
+                                                          onKeyDown={[Function]}
+                                                          type="button"
+                                                        >
+                                                          <EllipsisVIcon
+                                                            color="currentColor"
+                                                            noVerticalAlign={false}
+                                                            size="sm"
+                                                          >
+                                                            <svg
+                                                              aria-hidden={true}
+                                                              aria-labelledby={null}
+                                                              fill="currentColor"
+                                                              height="1em"
+                                                              role="img"
+                                                              style={
+                                                                Object {
+                                                                  "verticalAlign": "-0.125em",
+                                                                }
+                                                              }
+                                                              viewBox="0 0 192 512"
+                                                              width="1em"
+                                                            >
+                                                              <path
+                                                                d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
+                                                              />
+                                                            </svg>
+                                                          </EllipsisVIcon>
+                                                        </button>
+                                                      </Toggle>
+                                                    </KebabToggle>
+                                                  </div>
+                                                </DropdownWithContext>
+                                              </Dropdown>
+                                            </ActionsColumn>
+                                          </td>
+                                        </TdBase>
+                                      </Td>
+                                    </BodyCell>
                                   </tr>
                                 </TrBase>
                               </Tr>
@@ -133831,8 +115962,9 @@ exports[`Simple table caption 1`] = `
 </Table>
 `;
 
-exports[`Simple table header 1`] = `
+exports[`Simple table aria-label 1`] = `
 <Table
+  aria-label="Aria labeled"
   borders={true}
   canSelectAll={true}
   cells={
@@ -133856,11 +115988,6 @@ exports[`Simple table header 1`] = `
   dropdownPosition="right"
   expandId="expandable-toggle"
   gridBreakPoint="grid-md"
-  header={
-    <h4>
-      Header title
-    </h4>
-  }
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -133953,10 +116080,9 @@ exports[`Simple table header 1`] = `
   selectVariant="checkbox"
   variant={null}
 >
-  <h4>
-    Header title
-  </h4>
   <Provider
+    aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -134201,6 +116327,8 @@ exports[`Simple table header 1`] = `
     variant={null}
   >
     <TableComposable
+      aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -134209,6 +116337,8 @@ exports[`Simple table header 1`] = `
       variant={null}
     >
       <TableComposableBase
+        aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -134218,8 +116348,9 @@ exports[`Simple table header 1`] = `
         variant={null}
       >
         <table
+          aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-4"
+          data-ouia-component-id="OUIA-Generated-Table-6"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -134746,7 +116877,7 @@ exports[`Simple table header 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-11"
+                                data-ouia-component-id="OUIA-Generated-TableRow-21"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -138231,7 +120362,7 @@ exports[`Simple table header 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-12"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-22"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -138776,7 +120907,7 @@ exports[`Simple table header 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-13"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-23"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -139321,7 +121452,7 @@ exports[`Simple table header 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-14"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-24"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -139866,7 +121997,7 @@ exports[`Simple table header 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-15"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-25"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -140411,7 +122542,7 @@ exports[`Simple table header 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-16"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-26"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -140956,7 +123087,7 @@ exports[`Simple table header 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-17"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-27"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -141501,7 +123632,7 @@ exports[`Simple table header 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-18"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-28"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -142046,7 +124177,7 @@ exports[`Simple table header 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-19"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-29"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -142591,7 +124722,7 @@ exports[`Simple table header 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-20"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-30"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -142787,18 +124918,15 @@ exports[`Simple table header 1`] = `
 </Table>
 `;
 
-exports[`Sortable table 1`] = `
+exports[`Simple table caption 1`] = `
 <Table
-  aria-label="Aria labeled"
   borders={true}
   canSelectAll={true}
+  caption="Simple Table"
   cells={
     Array [
       Object {
         "title": "Header cell",
-        "transforms": Array [
-          [Function],
-        ],
       },
       "Branches",
       Object {
@@ -142817,7 +124945,6 @@ exports[`Sortable table 1`] = `
   expandId="expandable-toggle"
   gridBreakPoint="grid-md"
   isStickyHeader={false}
-  onSort={[Function]}
   ouiaSafe={true}
   role="grid"
   rowLabeledBy="simple-node"
@@ -142907,11 +125034,10 @@ exports[`Sortable table 1`] = `
     ]
   }
   selectVariant="checkbox"
-  sortBy={Object {}}
   variant={null}
 >
   <Provider
-    aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -142940,10 +125066,10 @@ exports[`Sortable table 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": [Function],
+            "onSort": undefined,
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": Object {},
+            "sortBy": undefined,
           },
           "header": Object {
             "formatters": Array [],
@@ -142951,7 +125077,6 @@ exports[`Sortable table 1`] = `
             "transforms": Array [
               [Function],
               [Function],
-              [Function],
             ],
           },
           "property": "header-cell",
@@ -142985,10 +125110,10 @@ exports[`Sortable table 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": [Function],
+            "onSort": undefined,
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": Object {},
+            "sortBy": undefined,
           },
           "header": Object {
             "formatters": Array [],
@@ -143029,10 +125154,10 @@ exports[`Sortable table 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": [Function],
+            "onSort": undefined,
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": Object {},
+            "sortBy": undefined,
           },
           "header": Object {
             "formatters": Array [],
@@ -143073,10 +125198,10 @@ exports[`Sortable table 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": [Function],
+            "onSort": undefined,
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": Object {},
+            "sortBy": undefined,
           },
           "header": Object {
             "formatters": Array [],
@@ -143117,10 +125242,10 @@ exports[`Sortable table 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": [Function],
+            "onSort": undefined,
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": Object {},
+            "sortBy": undefined,
           },
           "header": Object {
             "formatters": Array [],
@@ -143157,7 +125282,7 @@ exports[`Sortable table 1`] = `
     variant={null}
   >
     <TableComposable
-      aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -143166,7 +125291,7 @@ exports[`Sortable table 1`] = `
       variant={null}
     >
       <TableComposableBase
-        aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -143176,13 +125301,15 @@ exports[`Sortable table 1`] = `
         variant={null}
       >
         <table
-          aria-label="Aria labeled"
           className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-10"
+          data-ouia-component-id="OUIA-Generated-Table-2"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
         >
+          <caption>
+            Simple Table
+          </caption>
           <TableHeader>
             <ContextHeader
               headerRows={null}
@@ -143220,10 +125347,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -143231,7 +125358,6 @@ exports[`Sortable table 1`] = `
                           "transforms": Array [
                             [Function],
                             [Function],
-                            [Function],
                           ],
                         },
                         "property": "header-cell",
@@ -143265,10 +125391,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -143309,10 +125435,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -143353,10 +125479,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -143397,10 +125523,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -143501,10 +125627,10 @@ exports[`Sortable table 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": [Function],
+                                  "onSort": undefined,
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": Object {},
+                                  "sortBy": undefined,
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -143512,7 +125638,6 @@ exports[`Sortable table 1`] = `
                                   "transforms": Array [
                                     [Function],
                                     [Function],
-                                    [Function],
                                   ],
                                 },
                                 "property": "header-cell",
@@ -143546,10 +125671,10 @@ exports[`Sortable table 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": [Function],
+                                  "onSort": undefined,
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": Object {},
+                                  "sortBy": undefined,
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -143590,10 +125715,10 @@ exports[`Sortable table 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": [Function],
+                                  "onSort": undefined,
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": Object {},
+                                  "sortBy": undefined,
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -143634,10 +125759,10 @@ exports[`Sortable table 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": [Function],
+                                  "onSort": undefined,
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": Object {},
+                                  "sortBy": undefined,
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -143678,10 +125803,10 @@ exports[`Sortable table 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": [Function],
+                                  "onSort": undefined,
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": Object {},
+                                  "sortBy": undefined,
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -143707,22 +125832,19 @@ exports[`Sortable table 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-34"
+                                data-ouia-component-id="OUIA-Generated-TableRow-1"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
                               >
                                 <HeaderCell
-                                  aria-sort="none"
-                                  className="pf-c-table__sort"
                                   data-key={0}
                                   data-label="Header cell"
                                   key="0-header"
                                   scope="col"
                                 >
                                   <Th
-                                    aria-sort="none"
-                                    className="pf-c-table__sort"
+                                    className=""
                                     component="th"
                                     data-key={0}
                                     data-label="Header cell"
@@ -143732,8 +125854,7 @@ exports[`Sortable table 1`] = `
                                     tooltip=""
                                   >
                                     <ThBase
-                                      aria-sort="none"
-                                      className="pf-c-table__sort"
+                                      className=""
                                       component="th"
                                       data-key={0}
                                       data-label="Header cell"
@@ -143744,65 +125865,13 @@ exports[`Sortable table 1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort="none"
-                                        className="pf-c-table__sort"
+                                        className=""
                                         data-key={0}
                                         data-label="Header cell"
                                         onMouseEnter={[Function]}
                                         scope="col"
                                       >
-                                        <SortColumn
-                                          isSortedBy={false}
-                                          onSort={[Function]}
-                                          sortDirection=""
-                                        >
-                                          <button
-                                            className="pf-c-table__button"
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <div
-                                              className="pf-c-table__button-content"
-                                            >
-                                              <TableText>
-                                                <span
-                                                  className="pf-c-table__text"
-                                                  onMouseEnter={[Function]}
-                                                >
-                                                  Header cell
-                                                </span>
-                                              </TableText>
-                                              <span
-                                                className="pf-c-table__sort-indicator"
-                                              >
-                                                <ArrowsAltVIcon
-                                                  color="currentColor"
-                                                  noVerticalAlign={false}
-                                                  size="sm"
-                                                >
-                                                  <svg
-                                                    aria-hidden={true}
-                                                    aria-labelledby={null}
-                                                    fill="currentColor"
-                                                    height="1em"
-                                                    role="img"
-                                                    style={
-                                                      Object {
-                                                        "verticalAlign": "-0.125em",
-                                                      }
-                                                    }
-                                                    viewBox="0 0 256 512"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                                    />
-                                                  </svg>
-                                                </ArrowsAltVIcon>
-                                              </span>
-                                            </div>
-                                          </button>
-                                        </SortColumn>
+                                        Header cell
                                       </th>
                                     </ThBase>
                                   </Th>
@@ -144004,10 +126073,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -144015,7 +126084,6 @@ exports[`Sortable table 1`] = `
                       "transforms": Array [
                         [Function],
                         [Function],
-                        [Function],
                       ],
                     },
                     "property": "header-cell",
@@ -144049,10 +126117,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -144093,10 +126161,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -144137,10 +126205,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -144181,10 +126249,10 @@ exports[`Sortable table 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": [Function],
+                      "onSort": undefined,
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": Object {},
+                      "sortBy": undefined,
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -145253,10 +127321,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -145264,7 +127332,6 @@ exports[`Sortable table 1`] = `
                           "transforms": Array [
                             [Function],
                             [Function],
-                            [Function],
                           ],
                         },
                         "property": "header-cell",
@@ -145298,10 +127365,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -145342,10 +127409,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -145386,10 +127453,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -145430,10 +127497,10 @@ exports[`Sortable table 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": [Function],
+                          "onSort": undefined,
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": Object {},
+                          "sortBy": undefined,
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -146914,10 +128981,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -146925,7 +128992,6 @@ exports[`Sortable table 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -146959,10 +129025,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -147003,10 +129069,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -147047,10 +129113,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -147091,10 +129157,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -147251,7 +129317,7 @@ exports[`Sortable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-35"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-2"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -147460,10 +129526,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -147471,7 +129537,6 @@ exports[`Sortable table 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -147505,10 +129570,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -147549,10 +129614,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -147593,10 +129658,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -147637,10 +129702,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -147797,7 +129862,7 @@ exports[`Sortable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-36"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-3"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -148006,10 +130071,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -148017,7 +130082,6 @@ exports[`Sortable table 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -148051,10 +130115,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -148095,10 +130159,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -148139,10 +130203,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -148183,10 +130247,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -148343,7 +130407,7 @@ exports[`Sortable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-37"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-4"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -148552,10 +130616,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -148563,7 +130627,6 @@ exports[`Sortable table 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -148597,10 +130660,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -148641,10 +130704,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -148685,10 +130748,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -148729,10 +130792,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -148889,7 +130952,7 @@ exports[`Sortable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-38"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-5"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -149098,10 +131161,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -149109,7 +131172,6 @@ exports[`Sortable table 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -149143,10 +131205,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -149187,10 +131249,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -149231,10 +131293,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -149275,10 +131337,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -149435,7 +131497,7 @@ exports[`Sortable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-39"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-6"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -149644,10 +131706,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -149655,7 +131717,6 @@ exports[`Sortable table 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -149689,10 +131750,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -149733,10 +131794,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -149777,10 +131838,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -149821,10 +131882,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -149981,7 +132042,7 @@ exports[`Sortable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-40"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-7"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -150190,10 +132251,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -150201,7 +132262,6 @@ exports[`Sortable table 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -150235,10 +132295,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -150279,10 +132339,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -150323,10 +132383,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -150367,10 +132427,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -150527,7 +132587,7 @@ exports[`Sortable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-41"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-8"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -150736,10 +132796,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -150747,7 +132807,6 @@ exports[`Sortable table 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -150781,10 +132840,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -150825,10 +132884,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -150869,10 +132928,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -150913,10 +132972,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -151073,7 +133132,7 @@ exports[`Sortable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-42"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-9"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -151282,10 +133341,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -151293,7 +133352,6 @@ exports[`Sortable table 1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -151327,10 +133385,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -151371,10 +133429,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -151415,10 +133473,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -151459,10 +133517,10 @@ exports[`Sortable table 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": [Function],
+                                    "onSort": undefined,
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": Object {},
+                                    "sortBy": undefined,
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -151619,7 +133677,7 @@ exports[`Sortable table 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-43"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-10"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -151815,18 +133873,14 @@ exports[`Sortable table 1`] = `
 </Table>
 `;
 
-exports[`Table variants Breakpoint -  1`] = `
+exports[`Simple table header 1`] = `
 <Table
-  aria-label="Aria labeled"
   borders={true}
   canSelectAll={true}
   cells={
     Array [
       Object {
         "title": "Header cell",
-        "transforms": Array [
-          [Function],
-        ],
       },
       "Branches",
       Object {
@@ -151843,7 +133897,12 @@ exports[`Table variants Breakpoint -  1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint=""
+  gridBreakPoint="grid-md"
+  header={
+    <h4>
+      Header title
+    </h4>
+  }
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -151936,8 +133995,11 @@ exports[`Table variants Breakpoint -  1`] = `
   selectVariant="checkbox"
   variant={null}
 >
+  <h4>
+    Header title
+  </h4>
   <Provider
-    aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -151977,7 +134039,6 @@ exports[`Table variants Breakpoint -  1`] = `
             "transforms": Array [
               [Function],
               [Function],
-              [Function],
             ],
           },
           "property": "header-cell",
@@ -152164,7 +134225,7 @@ exports[`Table variants Breakpoint -  1`] = `
         },
       ]
     }
-    gridBreakPoint=""
+    gridBreakPoint="grid-md"
     isStickyHeader={false}
     ouiaSafe={true}
     renderers={
@@ -152183,18 +134244,18 @@ exports[`Table variants Breakpoint -  1`] = `
     variant={null}
   >
     <TableComposable
-      aria-label="Aria labeled"
+      borders={true}
       className=""
-      gridBreakPoint=""
+      gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
       variant={null}
     >
       <TableComposableBase
-        aria-label="Aria labeled"
+        borders={true}
         className=""
-        gridBreakPoint=""
+        gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
@@ -152202,9 +134263,8 @@ exports[`Table variants Breakpoint -  1`] = `
         variant={null}
       >
         <table
-          aria-label="Aria labeled"
-          className="pf-c-table"
-          data-ouia-component-id="OUIA-Generated-Table-14"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-4"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -152257,7 +134317,6 @@ exports[`Table variants Breakpoint -  1`] = `
                           "transforms": Array [
                             [Function],
                             [Function],
-                            [Function],
                           ],
                         },
                         "property": "header-cell",
@@ -152538,7 +134597,6 @@ exports[`Table variants Breakpoint -  1`] = `
                                   "transforms": Array [
                                     [Function],
                                     [Function],
-                                    [Function],
                                   ],
                                 },
                                 "property": "header-cell",
@@ -152733,22 +134791,19 @@ exports[`Table variants Breakpoint -  1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-54"
+                                data-ouia-component-id="OUIA-Generated-TableRow-11"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
                               >
                                 <HeaderCell
-                                  aria-sort="none"
-                                  className="pf-c-table__sort"
                                   data-key={0}
                                   data-label="Header cell"
                                   key="0-header"
                                   scope="col"
                                 >
                                   <Th
-                                    aria-sort="none"
-                                    className="pf-c-table__sort"
+                                    className=""
                                     component="th"
                                     data-key={0}
                                     data-label="Header cell"
@@ -152758,8 +134813,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                     tooltip=""
                                   >
                                     <ThBase
-                                      aria-sort="none"
-                                      className="pf-c-table__sort"
+                                      className=""
                                       component="th"
                                       data-key={0}
                                       data-label="Header cell"
@@ -152770,64 +134824,13 @@ exports[`Table variants Breakpoint -  1`] = `
                                       tooltip=""
                                     >
                                       <th
-                                        aria-sort="none"
-                                        className="pf-c-table__sort"
+                                        className=""
                                         data-key={0}
                                         data-label="Header cell"
                                         onMouseEnter={[Function]}
                                         scope="col"
                                       >
-                                        <SortColumn
-                                          onSort={[Function]}
-                                          sortDirection=""
-                                        >
-                                          <button
-                                            className="pf-c-table__button"
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <div
-                                              className="pf-c-table__button-content"
-                                            >
-                                              <TableText>
-                                                <span
-                                                  className="pf-c-table__text"
-                                                  onMouseEnter={[Function]}
-                                                >
-                                                  Header cell
-                                                </span>
-                                              </TableText>
-                                              <span
-                                                className="pf-c-table__sort-indicator"
-                                              >
-                                                <ArrowsAltVIcon
-                                                  color="currentColor"
-                                                  noVerticalAlign={false}
-                                                  size="sm"
-                                                >
-                                                  <svg
-                                                    aria-hidden={true}
-                                                    aria-labelledby={null}
-                                                    fill="currentColor"
-                                                    height="1em"
-                                                    role="img"
-                                                    style={
-                                                      Object {
-                                                        "verticalAlign": "-0.125em",
-                                                      }
-                                                    }
-                                                    viewBox="0 0 256 512"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z"
-                                                    />
-                                                  </svg>
-                                                </ArrowsAltVIcon>
-                                              </span>
-                                            </div>
-                                          </button>
-                                        </SortColumn>
+                                        Header cell
                                       </th>
                                     </ThBase>
                                   </Th>
@@ -153040,7 +135043,6 @@ exports[`Table variants Breakpoint -  1`] = `
                       "transforms": Array [
                         [Function],
                         [Function],
-                        [Function],
                       ],
                     },
                     "property": "header-cell",
@@ -154289,7 +136291,6 @@ exports[`Table variants Breakpoint -  1`] = `
                           "transforms": Array [
                             [Function],
                             [Function],
-                            [Function],
                           ],
                         },
                         "property": "header-cell",
@@ -155950,7 +137951,6 @@ exports[`Table variants Breakpoint -  1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -156276,7 +138276,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-55"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-12"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -156496,7 +138496,6 @@ exports[`Table variants Breakpoint -  1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -156822,7 +138821,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-56"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-13"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -157042,7 +139041,6 @@ exports[`Table variants Breakpoint -  1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -157368,7 +139366,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-57"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-14"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -157588,7 +139586,6 @@ exports[`Table variants Breakpoint -  1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -157914,7 +139911,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-58"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-15"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -158134,7 +140131,6 @@ exports[`Table variants Breakpoint -  1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -158460,7 +140456,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-59"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-16"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -158680,7 +140676,6 @@ exports[`Table variants Breakpoint -  1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -159006,7 +141001,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-60"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-17"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -159226,7 +141221,6 @@ exports[`Table variants Breakpoint -  1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -159552,7 +141546,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-61"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-18"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -159772,7 +141766,6 @@ exports[`Table variants Breakpoint -  1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -160098,7 +142091,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-62"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-19"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -160318,7 +142311,6 @@ exports[`Table variants Breakpoint -  1`] = `
                                     "transforms": Array [
                                       [Function],
                                       [Function],
-                                      [Function],
                                     ],
                                   },
                                   "property": "header-cell",
@@ -160644,7 +142636,7 @@ exports[`Table variants Breakpoint -  1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-63"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-20"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -160840,7 +142832,7 @@ exports[`Table variants Breakpoint -  1`] = `
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid 1`] = `
+exports[`Sortable table 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -160868,8 +142860,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid"
+  gridBreakPoint="grid-md"
   isStickyHeader={false}
+  onSort={[Function]}
   ouiaSafe={true}
   role="grid"
   rowLabeledBy="simple-node"
@@ -160959,10 +142952,12 @@ exports[`Table variants Breakpoint - grid 1`] = `
     ]
   }
   selectVariant="checkbox"
+  sortBy={Object {}}
   variant={null}
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -160991,10 +142986,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": undefined,
+            "onSort": [Function],
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
+            "sortBy": Object {},
           },
           "header": Object {
             "formatters": Array [],
@@ -161036,10 +143031,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": undefined,
+            "onSort": [Function],
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
+            "sortBy": Object {},
           },
           "header": Object {
             "formatters": Array [],
@@ -161080,10 +143075,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": undefined,
+            "onSort": [Function],
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
+            "sortBy": Object {},
           },
           "header": Object {
             "formatters": Array [],
@@ -161124,10 +143119,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": undefined,
+            "onSort": [Function],
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
+            "sortBy": Object {},
           },
           "header": Object {
             "formatters": Array [],
@@ -161168,10 +143163,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
             "onExpand": undefined,
             "onRowEdit": undefined,
             "onSelect": undefined,
-            "onSort": undefined,
+            "onSort": [Function],
             "rowLabeledBy": "simple-node",
             "selectVariant": "checkbox",
-            "sortBy": undefined,
+            "sortBy": Object {},
           },
           "header": Object {
             "formatters": Array [],
@@ -161189,7 +143184,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
         },
       ]
     }
-    gridBreakPoint="grid"
+    gridBreakPoint="grid-md"
     isStickyHeader={false}
     ouiaSafe={true}
     renderers={
@@ -161209,8 +143204,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
-      gridBreakPoint="grid"
+      gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
@@ -161218,8 +143214,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
-        gridBreakPoint="grid"
+        gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
@@ -161228,8 +143225,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid"
-          data-ouia-component-id="OUIA-Generated-Table-16"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-10"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -161271,10 +143268,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -161316,10 +143313,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -161360,10 +143357,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -161404,10 +143401,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -161448,10 +143445,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -161552,10 +143549,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": undefined,
+                                  "onSort": [Function],
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": undefined,
+                                  "sortBy": Object {},
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -161597,10 +143594,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": undefined,
+                                  "onSort": [Function],
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": undefined,
+                                  "sortBy": Object {},
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -161641,10 +143638,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": undefined,
+                                  "onSort": [Function],
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": undefined,
+                                  "sortBy": Object {},
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -161685,10 +143682,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": undefined,
+                                  "onSort": [Function],
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": undefined,
+                                  "sortBy": Object {},
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -161729,10 +143726,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                   "onExpand": undefined,
                                   "onRowEdit": undefined,
                                   "onSelect": undefined,
-                                  "onSort": undefined,
+                                  "onSort": [Function],
                                   "rowLabeledBy": "simple-node",
                                   "selectVariant": "checkbox",
-                                  "sortBy": undefined,
+                                  "sortBy": Object {},
                                 },
                                 "header": Object {
                                   "formatters": Array [],
@@ -161758,7 +143755,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-64"
+                                data-ouia-component-id="OUIA-Generated-TableRow-34"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -161803,6 +143800,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                         scope="col"
                                       >
                                         <SortColumn
+                                          isSortedBy={false}
                                           onSort={[Function]}
                                           sortDirection=""
                                         >
@@ -162054,10 +144052,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": undefined,
+                      "onSort": [Function],
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                      "sortBy": Object {},
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -162099,10 +144097,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": undefined,
+                      "onSort": [Function],
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                      "sortBy": Object {},
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -162143,10 +144141,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": undefined,
+                      "onSort": [Function],
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                      "sortBy": Object {},
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -162187,10 +144185,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": undefined,
+                      "onSort": [Function],
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                      "sortBy": Object {},
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -162231,10 +144229,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "onExpand": undefined,
                       "onRowEdit": undefined,
                       "onSelect": undefined,
-                      "onSort": undefined,
+                      "onSort": [Function],
                       "rowLabeledBy": "simple-node",
                       "selectVariant": "checkbox",
-                      "sortBy": undefined,
+                      "sortBy": Object {},
                     },
                     "header": Object {
                       "formatters": Array [],
@@ -163303,10 +145301,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -163348,10 +145346,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -163392,10 +145390,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -163436,10 +145434,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -163480,10 +145478,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           "onExpand": undefined,
                           "onRowEdit": undefined,
                           "onSelect": undefined,
-                          "onSort": undefined,
+                          "onSort": [Function],
                           "rowLabeledBy": "simple-node",
                           "selectVariant": "checkbox",
-                          "sortBy": undefined,
+                          "sortBy": Object {},
                         },
                         "header": Object {
                           "formatters": Array [],
@@ -164964,10 +146962,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -165009,10 +147007,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -165053,10 +147051,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -165097,10 +147095,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -165141,10 +147139,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -165301,7 +147299,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-65"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-35"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -165510,10 +147508,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -165555,10 +147553,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -165599,10 +147597,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -165643,10 +147641,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -165687,10 +147685,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -165847,7 +147845,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-66"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-36"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -166056,10 +148054,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -166101,10 +148099,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -166145,10 +148143,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -166189,10 +148187,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -166233,10 +148231,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -166393,7 +148391,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-67"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-37"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -166602,10 +148600,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -166647,10 +148645,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -166691,10 +148689,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -166735,10 +148733,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -166779,10 +148777,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -166939,7 +148937,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-68"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-38"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -167148,10 +149146,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -167193,10 +149191,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -167237,10 +149235,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -167281,10 +149279,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -167325,10 +149323,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -167485,7 +149483,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-69"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-39"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -167694,10 +149692,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -167739,10 +149737,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -167783,10 +149781,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -167827,10 +149825,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -167871,10 +149869,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -168031,7 +150029,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-70"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-40"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -168240,10 +150238,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -168285,10 +150283,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -168329,10 +150327,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -168373,10 +150371,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -168417,10 +150415,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -168577,7 +150575,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-71"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-41"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -168786,10 +150784,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -168831,10 +150829,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -168875,10 +150873,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -168919,10 +150917,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -168963,10 +150961,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -169123,7 +151121,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-72"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-42"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -169332,10 +151330,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -169377,10 +151375,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -169421,10 +151419,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -169465,10 +151463,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -169509,10 +151507,10 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                     "onExpand": undefined,
                                     "onRowEdit": undefined,
                                     "onSelect": undefined,
-                                    "onSort": undefined,
+                                    "onSort": [Function],
                                     "rowLabeledBy": "simple-node",
                                     "selectVariant": "checkbox",
-                                    "sortBy": undefined,
+                                    "sortBy": Object {},
                                   },
                                   "header": Object {
                                     "formatters": Array [],
@@ -169669,7 +151667,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-73"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-43"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -169865,7 +151863,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid-2xl 1`] = `
+exports[`Table variants Breakpoint -  1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -169893,7 +151891,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-2xl"
+  gridBreakPoint=""
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -169988,6 +151986,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -170214,7 +152213,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
         },
       ]
     }
-    gridBreakPoint="grid-2xl"
+    gridBreakPoint=""
     isStickyHeader={false}
     ouiaSafe={true}
     renderers={
@@ -170234,8 +152233,9 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
-      gridBreakPoint="grid-2xl"
+      gridBreakPoint=""
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
@@ -170243,8 +152243,9 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
-        gridBreakPoint="grid-2xl"
+        gridBreakPoint=""
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
@@ -170253,8 +152254,8 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid-2xl"
-          data-ouia-component-id="OUIA-Generated-Table-24"
+          className="pf-c-table"
+          data-ouia-component-id="OUIA-Generated-Table-14"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -170783,7 +152784,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-104"
+                                data-ouia-component-id="OUIA-Generated-TableRow-54"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -174326,7 +156327,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-105"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-55"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -174872,7 +156873,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-106"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-56"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -175418,7 +157419,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-107"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-57"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -175964,7 +157965,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-108"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-58"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -176510,7 +158511,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-109"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-59"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -177056,7 +159057,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-110"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-60"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -177602,7 +159603,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-111"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-61"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -178148,7 +160149,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-112"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-62"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -178694,7 +160695,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-113"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-63"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -178890,7 +160891,7 @@ exports[`Table variants Breakpoint - grid-2xl 1`] = `
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid-lg 1`] = `
+exports[`Table variants Breakpoint - grid 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -178918,7 +160919,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-lg"
+  gridBreakPoint="grid"
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -179013,6 +161014,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -179239,7 +161241,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
         },
       ]
     }
-    gridBreakPoint="grid-lg"
+    gridBreakPoint="grid"
     isStickyHeader={false}
     ouiaSafe={true}
     renderers={
@@ -179259,8 +161261,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
-      gridBreakPoint="grid-lg"
+      gridBreakPoint="grid"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
@@ -179268,8 +161271,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
-        gridBreakPoint="grid-lg"
+        gridBreakPoint="grid"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
@@ -179278,8 +161282,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid-lg"
-          data-ouia-component-id="OUIA-Generated-Table-20"
+          className="pf-c-table pf-m-grid"
+          data-ouia-component-id="OUIA-Generated-Table-16"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -179808,7 +161812,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-84"
+                                data-ouia-component-id="OUIA-Generated-TableRow-64"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -183351,7 +165355,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-85"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-65"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -183897,7 +165901,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-86"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-66"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -184443,7 +166447,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-87"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-67"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -184989,7 +166993,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-88"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-68"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -185535,7 +167539,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-89"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-69"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -186081,7 +168085,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-90"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-70"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -186627,7 +168631,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-91"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-71"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -187173,7 +169177,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-92"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-72"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -187719,7 +169723,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-93"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-73"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -187915,7 +169919,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid-md 1`] = `
+exports[`Table variants Breakpoint - grid-2xl 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -187943,7 +169947,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-md"
+  gridBreakPoint="grid-2xl"
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -188038,6 +170042,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -188264,7 +170269,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
         },
       ]
     }
-    gridBreakPoint="grid-md"
+    gridBreakPoint="grid-2xl"
     isStickyHeader={false}
     ouiaSafe={true}
     renderers={
@@ -188284,8 +170289,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
-      gridBreakPoint="grid-md"
+      gridBreakPoint="grid-2xl"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
@@ -188293,8 +170299,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
-        gridBreakPoint="grid-md"
+        gridBreakPoint="grid-2xl"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
@@ -188303,8 +170310,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid-md"
-          data-ouia-component-id="OUIA-Generated-Table-18"
+          className="pf-c-table pf-m-grid-2xl"
+          data-ouia-component-id="OUIA-Generated-Table-24"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -188833,7 +170840,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-74"
+                                data-ouia-component-id="OUIA-Generated-TableRow-104"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -192376,7 +174383,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-75"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-105"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -192922,7 +174929,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-76"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-106"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -193468,7 +175475,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-77"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-107"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -194014,7 +176021,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-78"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-108"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -194560,7 +176567,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-79"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-109"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -195106,7 +177113,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-80"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-110"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -195652,7 +177659,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-81"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-111"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -196198,7 +178205,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-82"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-112"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -196744,7 +178751,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-83"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-113"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -196940,7 +178947,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
 </Table>
 `;
 
-exports[`Table variants Breakpoint - grid-xl 1`] = `
+exports[`Table variants Breakpoint - grid-lg 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -196968,7 +178975,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-xl"
+  gridBreakPoint="grid-lg"
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -197063,6 +179070,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -197289,7 +179297,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
         },
       ]
     }
-    gridBreakPoint="grid-xl"
+    gridBreakPoint="grid-lg"
     isStickyHeader={false}
     ouiaSafe={true}
     renderers={
@@ -197309,8 +179317,9 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
-      gridBreakPoint="grid-xl"
+      gridBreakPoint="grid-lg"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
@@ -197318,8 +179327,9 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
-        gridBreakPoint="grid-xl"
+        gridBreakPoint="grid-lg"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
@@ -197328,8 +179338,8 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid-xl"
-          data-ouia-component-id="OUIA-Generated-Table-22"
+          className="pf-c-table pf-m-grid-lg"
+          data-ouia-component-id="OUIA-Generated-Table-20"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -197858,7 +179868,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-94"
+                                data-ouia-component-id="OUIA-Generated-TableRow-84"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -201401,7 +183411,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-95"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-85"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -201947,7 +183957,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-96"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-86"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -202493,7 +184503,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-97"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-87"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -203039,7 +185049,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-98"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-88"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -203585,7 +185595,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-99"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-89"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -204131,7 +186141,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-100"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-90"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -204677,7 +186687,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-101"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-91"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -205223,7 +187233,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-102"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-92"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -205769,7 +187779,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-103"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-93"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -205965,7 +187975,7 @@ exports[`Table variants Breakpoint - grid-xl 1`] = `
 </Table>
 `;
 
-exports[`Table variants Size - compact 1`] = `
+exports[`Table variants Breakpoint - grid-md 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -206084,10 +188094,11 @@ exports[`Table variants Size - compact 1`] = `
     ]
   }
   selectVariant="checkbox"
-  variant="compact"
+  variant={null}
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -206330,31 +188341,33 @@ exports[`Table variants Size - compact 1`] = `
       }
     }
     role="grid"
-    variant="compact"
+    variant={null}
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
-      variant="compact"
+      variant={null}
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
-        variant="compact"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid-md pf-m-compact"
-          data-ouia-component-id="OUIA-Generated-Table-26"
+          className="pf-c-table pf-m-grid-md"
+          data-ouia-component-id="OUIA-Generated-Table-18"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -206883,7 +188896,7 @@ exports[`Table variants Size - compact 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-114"
+                                data-ouia-component-id="OUIA-Generated-TableRow-74"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -210426,7 +192439,7 @@ exports[`Table variants Size - compact 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-115"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-75"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -210972,7 +192985,7 @@ exports[`Table variants Size - compact 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-116"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-76"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -211518,7 +193531,7 @@ exports[`Table variants Size - compact 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-117"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-77"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -212064,7 +194077,7 @@ exports[`Table variants Size - compact 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-118"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-78"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -212610,7 +194623,7 @@ exports[`Table variants Size - compact 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-119"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-79"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -213156,7 +195169,7 @@ exports[`Table variants Size - compact 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-120"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-80"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -213702,7 +195715,7 @@ exports[`Table variants Size - compact 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-121"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-81"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -214248,7 +196261,7 @@ exports[`Table variants Size - compact 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-122"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-82"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -214794,7 +196807,7 @@ exports[`Table variants Size - compact 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-123"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-83"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -214990,7 +197003,7 @@ exports[`Table variants Size - compact 1`] = `
 </Table>
 `;
 
-exports[`Table variants Size - compactBorderless 1`] = `
+exports[`Table variants Breakpoint - grid-xl 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -215018,7 +197031,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
   dropdownDirection="down"
   dropdownPosition="right"
   expandId="expandable-toggle"
-  gridBreakPoint="grid-md"
+  gridBreakPoint="grid-xl"
   isStickyHeader={false}
   ouiaSafe={true}
   role="grid"
@@ -215109,10 +197122,11 @@ exports[`Table variants Size - compactBorderless 1`] = `
     ]
   }
   selectVariant="checkbox"
-  variant="compactBorderless"
+  variant={null}
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -215339,7 +197353,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
         },
       ]
     }
-    gridBreakPoint="grid-md"
+    gridBreakPoint="grid-xl"
     isStickyHeader={false}
     ouiaSafe={true}
     renderers={
@@ -215355,31 +197369,33 @@ exports[`Table variants Size - compactBorderless 1`] = `
       }
     }
     role="grid"
-    variant="compactBorderless"
+    variant={null}
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
-      gridBreakPoint="grid-md"
+      gridBreakPoint="grid-xl"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
-      variant="compactBorderless"
+      variant={null}
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
-        gridBreakPoint="grid-md"
+        gridBreakPoint="grid-xl"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
-        variant="compactBorderless"
+        variant={null}
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid-md pf-m-compact pf-m-no-border-rows"
-          data-ouia-component-id="OUIA-Generated-Table-28"
+          className="pf-c-table pf-m-grid-xl"
+          data-ouia-component-id="OUIA-Generated-Table-22"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -215908,7 +197924,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-124"
+                                data-ouia-component-id="OUIA-Generated-TableRow-94"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -219451,7 +201467,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-125"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-95"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -219997,7 +202013,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-126"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-96"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -220543,7 +202559,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-127"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-97"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -221089,7 +203105,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-128"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-98"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -221635,7 +203651,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-129"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-99"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -222181,7 +204197,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-130"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-100"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -222727,7 +204743,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-131"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-101"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -223273,7 +205289,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-132"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-102"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -223819,7 +205835,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-133"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-103"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -224015,7 +206031,7 @@ exports[`Table variants Size - compactBorderless 1`] = `
 </Table>
 `;
 
-exports[`Table variants Size - compactExpandable 1`] = `
+exports[`Table variants Size - compact 1`] = `
 <Table
   aria-label="Aria labeled"
   borders={true}
@@ -224134,10 +206150,11 @@ exports[`Table variants Size - compactExpandable 1`] = `
     ]
   }
   selectVariant="checkbox"
-  variant="compactExpandable"
+  variant="compact"
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -224380,31 +206397,33 @@ exports[`Table variants Size - compactExpandable 1`] = `
       }
     }
     role="grid"
-    variant="compactExpandable"
+    variant="compact"
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
       ouiaSafe={true}
       role="grid"
-      variant="compactExpandable"
+      variant="compact"
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
         isStickyHeader={false}
         ouiaSafe={true}
         role="grid"
-        variant="compactExpandable"
+        variant="compact"
       >
         <table
           aria-label="Aria labeled"
-          className="pf-c-table pf-m-grid-md pf-m-compact pf-m-expandable"
-          data-ouia-component-id="OUIA-Generated-Table-30"
+          className="pf-c-table pf-m-grid-md pf-m-compact"
+          data-ouia-component-id="OUIA-Generated-Table-26"
           data-ouia-component-type="PF4/Table"
           data-ouia-safe={true}
           role="grid"
@@ -224933,7 +206952,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                             >
                               <tr
                                 className=""
-                                data-ouia-component-id="OUIA-Generated-TableRow-134"
+                                data-ouia-component-id="OUIA-Generated-TableRow-114"
                                 data-ouia-component-type="PF4/TableRow"
                                 data-ouia-safe={true}
                                 hidden={false}
@@ -228476,7 +210495,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-135"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-115"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -229022,7 +211041,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-136"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-116"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -229568,7 +211587,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-137"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-117"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -230114,7 +212133,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-138"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-118"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -230660,7 +212679,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-139"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-119"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -231206,7 +213225,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-140"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-120"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -231752,7 +213771,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-141"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-121"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -232298,7 +214317,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-142"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-122"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
@@ -232844,7 +214863,7 @@ exports[`Table variants Size - compactExpandable 1`] = `
                                 >
                                   <tr
                                     className=""
-                                    data-ouia-component-id="OUIA-Generated-TableRow-143"
+                                    data-ouia-component-id="OUIA-Generated-TableRow-123"
                                     data-ouia-component-type="PF4/TableRow"
                                     data-ouia-safe={true}
                                     hidden={false}
diff --git a/packages/react-table/src/components/Table/base/provider.tsx b/packages/react-table/src/components/Table/base/provider.tsx
index 1c968c71e73..771b53e5d2a 100644
--- a/packages/react-table/src/components/Table/base/provider.tsx
+++ b/packages/react-table/src/components/Table/base/provider.tsx
@@ -11,7 +11,8 @@ export interface ProviderProps extends RenderersTypes {
   children?: React.ReactNode;
   role?: string;
   className?: string;
-  variant?: 'compact' | 'compactBorderless' | 'compactExpandable';
+  variant?: 'compact';
+  borders?: boolean;
 }
 
 export const ProviderContext = React.createContext({
diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md
index bc45a2c1fa2..f7aa6cdabee 100644
--- a/packages/react-table/src/components/Table/examples/Table.md
+++ b/packages/react-table/src/components/Table/examples/Table.md
@@ -42,30 +42,67 @@ The `Table` component is a configuration based component that takes a less decla
 
 ```js
 import React from 'react';
-
 import { Table, TableHeader, TableBody } from '@patternfly/react-table';
+import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
 
 class SimpleTable extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      columns: ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'],
-      rows: [
-        ['Repository one', 'Branch one', 'PR one', 'Workspace one', 'Commit one'],
-        ['Repository two', 'Branch two', 'PR two', 'Workspace two', 'Commit two'],
-        ['Repository three', 'Branch three', 'PR three', 'Workspace three', 'Commit three']
-      ]
+      choice: 'default'
     };
+    this.handleItemClick = this.handleItemClick.bind(this);
+  }
+
+  handleItemClick(isSelected, event) {
+    this.setState({
+      choice: event.currentTarget.id
+    });
   }
 
   render() {
-    const { columns, rows } = this.state;
+    const { choice } = this.state;
+
+    const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
+    const rows = [
+      ['Repository one', 'Branch one', 'PR one', 'Workspace one', 'Commit one'],
+      ['Repository two', 'Branch two', 'PR two', 'Workspace two', 'Commit two'],
+      ['Repository three', 'Branch three', 'PR three', 'Workspace three', 'Commit three']
+    ];
 
     return (
-      <Table aria-label="Simple table" cells={columns} rows={rows}>
-        <TableHeader />
-        <TableBody />
-      </Table>
+      <React.Fragment>
+        <ToggleGroup aria-label="Default with single selectable">
+          <ToggleGroupItem
+            text="Default"
+            buttonId="default"
+            isSelected={choice === 'default'}
+            onChange={this.handleItemClick}
+          />
+          <ToggleGroupItem
+            text="Compact"
+            buttonId="compact"
+            isSelected={choice === 'compact'}
+            onChange={this.handleItemClick}
+          />
+          <ToggleGroupItem
+            text="Compact without borders"
+            buttonId="compactBorderless"
+            isSelected={choice === 'compactBorderless'}
+            onChange={this.handleItemClick}
+          />
+        </ToggleGroup>
+        <Table
+          aria-label="Simple Table"
+          variant={choice !== 'default' ? 'compact' : null}
+          borders={choice !== 'compactBorderless'}
+          cells={columns}
+          rows={rows}
+        >
+          <TableHeader />
+          <TableBody />
+        </Table>
+      </React.Fragment>
     );
   }
 }
@@ -711,70 +748,7 @@ class ActionsTable extends React.Component {
 }
 ```
 
-### Compact
-
-```js
-import React from 'react';
-import { Table, TableHeader, TableBody } from '@patternfly/react-table';
-import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
-
-class CompactTable extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      variant: 'compact',
-      columns: [
-        { title: 'Header cell' },
-        'Branches',
-        { title: 'Pull requests', props: { className: 'pf-u-text-align-center' } },
-        { title: '' /* deliberately empty */, dataLabel: 'Label for mobile view' }
-      ],
-      rows: [
-        ['one', 'two', 'three', 'four'],
-        ['one', 'two', 'three', 'four'],
-        ['one', 'two', 'three', 'four']
-      ]
-    };
-    this.handleItemClick = this.handleItemClick.bind(this);
-  }
-
-  handleItemClick(isSelected, event) {
-    const variant = event.currentTarget.id;
-    this.setState({
-      variant
-    });
-  }
-
-  render() {
-    const { columns, rows, variant } = this.state;
-
-    return (
-      <React.Fragment>
-        <ToggleGroup aria-label="Default with single selectable">
-          <ToggleGroupItem
-            text="Compact"
-            buttonId="compact"
-            isSelected={variant === 'compact'}
-            onChange={this.handleItemClick}
-          />
-          <ToggleGroupItem
-            text="Compact borderless"
-            buttonId="compactBorderless"
-            isSelected={variant === 'compactBorderless'}
-            onChange={this.handleItemClick}
-          />
-        </ToggleGroup>
-        <Table aria-label="Compact Table" variant={variant} cells={columns} rows={rows}>
-          <TableHeader />
-          <TableBody />
-        </Table>
-      </React.Fragment>
-    );
-  }
-}
-```
-
-### Expandable (compact)
+### Expandable
 
 ```js
 import React from 'react';
@@ -1848,10 +1822,12 @@ Some general notes:
 
 - Provide `dataLabel` prop to the `Td` components so that in mobile view the cell has a label to provide context.
 - If you want a table caption, simply place a `<Caption>My caption</Caption>` as the first child within a `TableComposable`.
+- You can set the `TableComposable` variant to `compact`
 
 ```js isBeta
 import React from 'react';
 import { TableComposable, Thead, Tbody, Tr, Th, Td, Caption } from '@patternfly/react-table';
+import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
 
 ComposableTableBasic = () => {
   const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
@@ -1860,28 +1836,59 @@ ComposableTableBasic = () => {
     ['one - 2', null, null, 'four - 2', 'five - 2'],
     ['one - 3', 'two - 3', 'three - 3', 'four - 3', 'five - 3']
   ];
+  const [choice, setChoice] = React.useState('default');
+  const handleItemClick = (isSelected, event) => {
+    const id = event.currentTarget.id;
+    setChoice(id);
+  };
   return (
-    <TableComposable aria-label="Simple table using composable components">
-      <Caption>Simple table using composable components</Caption>
-      <Thead>
-        <Tr>
-          {columns.map((column, columnIndex) => (
-            <Th key={columnIndex}>{column}</Th>
-          ))}
-        </Tr>
-      </Thead>
-      <Tbody>
-        {rows.map((row, rowIndex) => (
-          <Tr key={rowIndex}>
-            {row.map((cell, cellIndex) => (
-              <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
-                {cell}
-              </Td>
+    <React.Fragment>
+      <ToggleGroup aria-label="Default with single selectable">
+        <ToggleGroupItem
+          text="Default"
+          buttonId="default"
+          isSelected={choice === 'default'}
+          onChange={handleItemClick}
+        />
+        <ToggleGroupItem
+          text="Compact"
+          buttonId="compact"
+          isSelected={choice === 'compact'}
+          onChange={handleItemClick}
+        />
+        <ToggleGroupItem
+          text="Compact borderless"
+          buttonId="compactBorderless"
+          isSelected={choice === 'compactBorderless'}
+          onChange={handleItemClick}
+        />
+      </ToggleGroup>
+      <TableComposable
+        aria-label="Simple table"
+        variant={choice !== 'default' ? 'compact' : null}
+        borders={choice !== 'compactBorderless'}
+      >
+        <Caption>Simple table using composable components</Caption>
+        <Thead>
+          <Tr>
+            {columns.map((column, columnIndex) => (
+              <Th key={columnIndex}>{column}</Th>
             ))}
           </Tr>
-        ))}
-      </Tbody>
-    </TableComposable>
+        </Thead>
+        <Tbody>
+          {rows.map((row, rowIndex) => (
+            <Tr key={rowIndex}>
+              {row.map((cell, cellIndex) => (
+                <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
+                  {cell}
+                </Td>
+              ))}
+            </Tr>
+          ))}
+        </Tbody>
+      </TableComposable>
+    </React.Fragment>
   );
 };
 ```
@@ -2319,81 +2326,17 @@ ComposableTableActions = () => {
 };
 ```
 
-### Composable: Compact, compact borderless
-
-You can set the `TableComposable` variant to `compact` or `compactBorderless`.
-
-```js isBeta
-import React from 'react';
-import { TableComposable, Thead, Tbody, Tr, Th, Td } from '@patternfly/react-table';
-import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
-
-ComposableTableCompact = () => {
-  const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
-  const rows = [
-    ['one', 'two', 'a', 'four', 'five'],
-    ['a', 'two', 'k', 'four', 'five'],
-    ['p', 'two', 'b', 'four', 'five'],
-    ['4', '2', 'b', 'four', 'five'],
-    ['5', '2', 'b', 'four', 'five']
-  ];
-  const [variant, setVariant] = React.useState('compact');
-  const handleItemClick = (isSelected, event) => {
-    const id = event.currentTarget.id;
-    setVariant(id);
-  };
-  return (
-    <React.Fragment>
-      <ToggleGroup aria-label="Default with single selectable">
-        <ToggleGroupItem
-          text="Compact"
-          buttonId="compact"
-          isSelected={variant === 'compact'}
-          onChange={handleItemClick}
-        />
-        <ToggleGroupItem
-          text="Compact borderless"
-          buttonId="compactBorderless"
-          isSelected={variant === 'compactBorderless'}
-          onChange={handleItemClick}
-        />
-      </ToggleGroup>
-      <TableComposable aria-label="Compact Table" variant={variant}>
-        <Thead>
-          <Tr>
-            {columns.map((column, columnIndex) => (
-              <Th key={columnIndex}>{column}</Th>
-            ))}
-          </Tr>
-        </Thead>
-        <Tbody>
-          {rows.map((row, rowIndex) => (
-            <Tr key={rowIndex}>
-              {row.map((cell, cellIndex) => (
-                <Td key={`${rowIndex}_${cellIndex}`} dataLabel={columns[cellIndex]}>
-                  {cell}
-                </Td>
-              ))}
-            </Tr>
-          ))}
-        </Tbody>
-      </TableComposable>
-    </React.Fragment>
-  );
-};
-```
-
 ### Composable: Expandable
 
 This example demonstrates having expandable rows.
 
 - Each parent/child row pair is enclosed in a `Tbody` component.
-- You can make the table more compact by setting the `TableComposable` variant to `compactExpandable`.
+- You can make the table more compact by setting the `TableComposable` variant to `compact`.
 
 ```js isBeta
 import React from 'react';
 import { TableComposable, Thead, Tbody, Tr, Th, Td, ExpandableRowContent } from '@patternfly/react-table';
-import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
+import { Checkbox } from '@patternfly/react-core';
 
 ComposableTableExpandable = () => {
   const columns = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
@@ -2438,11 +2381,10 @@ ComposableTableExpandable = () => {
   const [expanded, setExpanded] = React.useState(
     Object.fromEntries(Object.entries(rowPairs).map(([k, v]) => [k, Boolean(v.child)]))
   );
-  const [variant, setVariant] = React.useState(null);
-  const handleItemClick = (isSelected, event) => {
-    const id = event.currentTarget.id;
-    setVariant(id === 'default' ? null : id);
-  };
+  const [compact, setCompact] = React.useState(true);
+  const toggleCompact = (checked) => {
+    setCompact(checked);
+  }
   const handleExpansionToggle = (event, pairIndex) => {
     setExpanded({
       ...expanded,
@@ -2452,21 +2394,15 @@ ComposableTableExpandable = () => {
   let rowIndex = -1;
   return (
     <React.Fragment>
-      <ToggleGroup aria-label="Default with single selectable">
-        <ToggleGroupItem
-          text="Default expandable"
-          buttonId="default"
-          isSelected={variant === null}
-          onChange={handleItemClick}
-        />
-        <ToggleGroupItem
-          text="Compact expandable"
-          buttonId="compactExpandable"
-          isSelected={variant === 'compactExpandable'}
-          onChange={handleItemClick}
-        />
-      </ToggleGroup>
-      <TableComposable aria-label="Expandable Table" variant={variant}>
+      <Checkbox
+        label="Compact"
+        isChecked={compact}
+        onChange={toggleCompact}
+        aria-label="toggle compact variation"
+        id="toggle-compact"
+        name="toggle-compact"
+      />
+      <TableComposable aria-label="Expandable Table" variant={compact ? 'compact' : null}>
         <Thead>
           <Tr>
             <Th />
@@ -2486,9 +2422,9 @@ ComposableTableExpandable = () => {
                 expand={
                   pair.child
                     ? {
-                        rowIndex,
+                        rowIndex: pairIndex,
                         isExpanded: expanded[pairIndex],
-                        onToggle: event => handleExpansionToggle(event, pairIndex)
+                        onToggle: handleExpansionToggle
                       }
                     : null
                 }
diff --git a/packages/react-table/src/components/TableComposable/TableComposable.tsx b/packages/react-table/src/components/TableComposable/TableComposable.tsx
index b7d3dfb31bf..c994f7518e0 100644
--- a/packages/react-table/src/components/TableComposable/TableComposable.tsx
+++ b/packages/react-table/src/components/TableComposable/TableComposable.tsx
@@ -35,11 +35,15 @@ export interface TableComposableProps extends React.HTMLProps<HTMLTableElement>,
   className?: string;
   /**
    * Style variant for the Table
-   * compact: Modifies to remove borders between rows
-   * compactBorderless: Compact and removes the border lines
-   * compactExpandable: Compact and indicates that the table has expandable rows
+   * compact: Reduces spacing and makes the table more compact
    */
-  variant?: TableVariant | 'compact' | 'compactBorderless' | 'compactExpandable';
+  variant?: TableVariant | 'compact';
+  /**
+   * Render borders
+   * Borders can only currently be disabled if the variant is set to 'compact'
+   * https://github.com/patternfly/patternfly/issues/3650
+   */
+  borders?: boolean;
   /** Specifies the grid breakpoints  */
   gridBreakPoint?: '' | 'grid' | 'grid-md' | 'grid-lg' | 'grid-xl' | 'grid-2xl';
   /** A valid WAI-ARIA role to be applied to the table element */
@@ -54,6 +58,7 @@ const TableComposableBase: React.FunctionComponent<TableComposableProps> = ({
   children,
   className,
   variant,
+  borders = true,
   isStickyHeader = false,
   gridBreakPoint = TableGridBreakpoint.gridMd,
   'aria-label': ariaLabel,
@@ -64,11 +69,6 @@ const TableComposableBase: React.FunctionComponent<TableComposableProps> = ({
   ...props
 }: TableComposableProps) => {
   const ouiaProps = useOUIAProps('Table', ouiaId, ouiaSafe);
-  const variantModifiers = {
-    compact: styles.modifiers.compact,
-    compactBorderless: css(styles.modifiers.compact, styles.modifiers.noBorderRows),
-    compactExpandable: css(styles.modifiers.compact, styles.modifiers.expandable)
-  };
   return (
     <table
       aria-label={ariaLabel}
@@ -79,7 +79,8 @@ const TableComposableBase: React.FunctionComponent<TableComposableProps> = ({
         stylesGrid.modifiers?.[
           toCamel(gridBreakPoint || '').replace(/-?2xl/, '_2xl') as 'grid' | 'gridMd' | 'gridLg' | 'gridXl' | 'grid_2xl'
         ],
-        variantModifiers?.[variant] || '',
+        styles.modifiers[variant],
+        !borders && styles.modifiers.noBorderRows,
         isStickyHeader && styles.modifiers.stickyHeader
       )}
       ref={innerRef}
diff --git a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
index cecf39efd28..aaf734bb77c 100644
--- a/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
+++ b/packages/react-virtualized-extension/src/components/Virtualized/__snapshots__/VirtualizedTable.test.tsx.snap
@@ -125,6 +125,7 @@ exports[`Actions virtualized table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -417,6 +418,7 @@ exports[`Actions virtualized table 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -426,6 +428,7 @@ exports[`Actions virtualized table 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -1493,6 +1496,7 @@ exports[`Selectable virtualized table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -1785,6 +1789,7 @@ exports[`Selectable virtualized table 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -1794,6 +1799,7 @@ exports[`Selectable virtualized table 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -2910,6 +2916,7 @@ exports[`Simple Actions table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -3316,6 +3323,7 @@ exports[`Simple Actions table 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -3325,6 +3333,7 @@ exports[`Simple Actions table 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -4616,6 +4625,7 @@ exports[`Simple virtualized table aria-label 1`] = `
 >
   <Provider
     aria-label="Virtual Table Test"
+    borders={true}
     className=""
     columns={
       Array [
@@ -4861,6 +4871,7 @@ exports[`Simple virtualized table aria-label 1`] = `
   >
     <TableComposable
       aria-label="Virtual Table Test"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -4870,6 +4881,7 @@ exports[`Simple virtualized table aria-label 1`] = `
     >
       <TableComposableBase
         aria-label="Virtual Table Test"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -5746,6 +5758,7 @@ exports[`Simple virtualized table className 1`] = `
 >
   <Provider
     aria-label="Virtual Table Test"
+    borders={true}
     className=""
     columns={
       Array [
@@ -5991,6 +6004,7 @@ exports[`Simple virtualized table className 1`] = `
   >
     <TableComposable
       aria-label="Virtual Table Test"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -6000,6 +6014,7 @@ exports[`Simple virtualized table className 1`] = `
     >
       <TableComposableBase
         aria-label="Virtual Table Test"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}
@@ -6881,6 +6896,7 @@ exports[`Sortable Virtualized Table 1`] = `
 >
   <Provider
     aria-label="Aria labeled"
+    borders={true}
     className=""
     columns={
       Array [
@@ -7127,6 +7143,7 @@ exports[`Sortable Virtualized Table 1`] = `
   >
     <TableComposable
       aria-label="Aria labeled"
+      borders={true}
       className=""
       gridBreakPoint="grid-md"
       isStickyHeader={false}
@@ -7136,6 +7153,7 @@ exports[`Sortable Virtualized Table 1`] = `
     >
       <TableComposableBase
         aria-label="Aria labeled"
+        borders={true}
         className=""
         gridBreakPoint="grid-md"
         innerRef={null}